@expo/ui 56.0.18 → 56.0.20

package/src/jetpack-compose/SingleChoiceSegmentedButtonRow/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { type ModifierConfig } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
-export type SingleChoiceSegmentedButtonRowProps = {
+export interface SingleChoiceSegmentedButtonRowProps {
   /**
    * SegmentedButton children.
    */
@@ -12,7 +12,7 @@ export type SingleChoiceSegmentedButtonRowProps = {
    * Modifiers for the component.
    */
   modifiers?: ModifierConfig[];
-};
+}
 
 const SingleChoiceSegmentedButtonRowNativeView: React.ComponentType<SingleChoiceSegmentedButtonRowProps> =
   requireNativeView('ExpoUI', 'SingleChoiceSegmentedButtonRowView');

package/src/jetpack-compose/Slider/index.tsx

@@ -26,7 +26,7 @@ export type SliderColors = {
   inactiveTickColor?: ColorValue;
 };
 
-export type SliderProps = {
+export interface SliderProps {
   /**
    * The current value of the slider.
    * @default 0
@@ -84,7 +84,7 @@ export type SliderProps = {
    * Slot children for custom thumb and track.
    */
   children?: React.ReactNode;
-};
+}
 
 type NativeSliderProps = Omit<SliderProps, 'onValueChange' | 'onValueChangeFinished' | 'children'> &
   ViewEvent<'onValueChange', { value: number }> &

package/src/jetpack-compose/Snackbar/index.tsx

@@ -5,7 +5,7 @@ import { type ColorValue } from 'react-native';
 import { type ModifierConfig } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
-export type SnackbarProps = {
+export interface SnackbarProps {
   /**
    * The background color of the snackbar container.
    */
@@ -32,7 +32,7 @@ export type SnackbarProps = {
    * Modifiers for the component.
    */
   modifiers?: ModifierConfig[];
-};
+}
 
 const SnackbarNativeView: React.ComponentType<SnackbarProps> = requireNativeView(
   'ExpoUI',
@@ -97,7 +97,7 @@ export type SnackbarHostRef = {
   showSnackbar: (options: SnackbarShowOptions) => Promise<SnackbarResult>;
 };
 
-export type SnackbarHostProps = {
+export interface SnackbarHostProps {
   /**
    * Ref exposing the imperative `showSnackbar` method.
    */
@@ -111,7 +111,7 @@ export type SnackbarHostProps = {
    * Compose's `SnackbarHost(hostState) { data -> Snackbar(data, ...) }` lambda.
    */
   children?: React.ReactNode;
-};
+}
 
 const SnackbarHostNativeView: React.ComponentType<SnackbarHostProps> = requireNativeView(
   'ExpoUI',

package/src/jetpack-compose/Spacer/index.tsx

@@ -3,12 +3,12 @@ import { requireNativeView } from 'expo';
 import type { ExpoModifier } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
-export type SpacerProps = {
+export interface SpacerProps {
   /**
    * Modifiers for the component. Use `weight()` modifier to make the spacer flexible.
    */
   modifiers?: ExpoModifier[];
-};
+}
 
 type NativeSpacerProps = SpacerProps;
 const SpacerNativeView: React.ComponentType<SpacerProps> = requireNativeView(

package/src/jetpack-compose/Surface/index.tsx

@@ -22,7 +22,7 @@ export type SurfaceBorder = {
   color?: ColorValue;
 };
 
-export type SurfaceProps = {
+export interface SurfaceProps {
   /**
    * The content to display inside the surface.
    */
@@ -94,7 +94,7 @@ export type SurfaceProps = {
    * Modifiers for the component.
    */
   modifiers?: ModifierConfig[];
-};
+}
 
 type NativeSurfaceProps = Omit<SurfaceProps, 'onClick' | 'onCheckedChange' | 'shape'> &
   ViewEvent<'onSurfaceClick', void> &

package/src/jetpack-compose/Switch/index.tsx

@@ -27,7 +27,7 @@ export type SwitchColors = {
   disabledUncheckedIconColor?: ColorValue;
 };
 
-export type SwitchProps = {
+export interface SwitchProps {
   /**
    * Indicates whether the switch is checked.
    */
@@ -54,7 +54,7 @@ export type SwitchProps = {
    * @platform android
    */
   children?: React.ReactNode;
-};
+}
 
 type NativeSwitchProps = Omit<SwitchProps, 'onCheckedChange' | 'children'> & {
   children?: React.ReactNode;

package/src/jetpack-compose/SyncSwitch/index.tsx

@@ -4,7 +4,7 @@ import { getStateId, type ObservableState, useWorkletProp } from '../../State';
 import { type ModifierConfig } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
-export type SyncSwitchProps = {
+export interface SyncSwitchProps {
   /**
    * An observable state that drives the switch.
    * Create one with `useNativeState(false)`.
@@ -24,7 +24,7 @@ export type SyncSwitchProps = {
    * Modifiers for the component.
    */
   modifiers?: ModifierConfig[];
-};
+}
 
 type NativeSyncSwitchProps = Omit<SyncSwitchProps, 'isOn' | 'onCheckedChangeSync'> & {
   isOn?: number | null;

package/src/jetpack-compose/Text/index.tsx

@@ -194,7 +194,7 @@ type TextSpanRecord = TextSpanStyleBase & {
   children?: TextSpanRecord[];
 };
 
-export type TextProps = {
+export interface TextProps {
   /**
    * The text content to display. Can be a string, number, or nested `Text` components
    * for inline styled spans.
@@ -238,7 +238,7 @@ export type TextProps = {
    * Modifiers for the component.
    */
   modifiers?: ModifierConfig[];
-};
+}
 
 type NativeTextProps = Omit<TextProps, 'children' | 'style'> &
   TextSpanStyleBase & {

package/src/jetpack-compose/TextField/BasicTextField.tsx

@@ -23,14 +23,14 @@ export type BasicTextFieldRef = TextFieldRef;
  * `OutlinedTextField`; use `BasicTextField.DecorationBox` to add your own
  * decoration.
  */
-export type BasicTextFieldProps = CommonTextFieldProperties & {
+export interface BasicTextFieldProps extends CommonTextFieldProperties {
   /**
    * Color of the text cursor. Maps to Compose's `cursorBrush` via
    * `SolidColor(color)`. Defaults to the theme's primary color
    * (`MaterialTheme.colorScheme.primary`) so it stays visible in light and dark.
    */
   cursorColor?: ColorValue;
-};
+}
 
 // endregion Types
 

package/src/jetpack-compose/TextField/TextField.tsx

@@ -62,7 +62,7 @@ export type TextFieldColors = {
 };
 
 // Material props inlined per variant (not a shared named base) so docs render them directly.
-export type TextFieldProps = CommonTextFieldProperties & {
+export interface TextFieldProps extends CommonTextFieldProperties {
   /** @default false */
   isError?: boolean;
   /**
@@ -72,9 +72,9 @@ export type TextFieldProps = CommonTextFieldProperties & {
    */
   shape?: ShapeJSXElement;
   colors?: TextFieldColors;
-};
+}
 
-export type OutlinedTextFieldProps = CommonTextFieldProperties & {
+export interface OutlinedTextFieldProps extends CommonTextFieldProperties {
   /** @default false */
   isError?: boolean;
   /**
@@ -84,7 +84,7 @@ export type OutlinedTextFieldProps = CommonTextFieldProperties & {
    */
   shape?: ShapeJSXElement;
   colors?: TextFieldColors;
-};
+}
 
 // endregion Types
 

package/src/jetpack-compose/ToggleButton/index.tsx

@@ -17,7 +17,7 @@ export type ToggleButtonColors = {
   disabledContentColor?: ColorValue;
 };
 
-export type ToggleButtonProps = {
+export interface ToggleButtonProps {
   /**
    * Whether the toggle button is checked.
    */
@@ -43,7 +43,7 @@ export type ToggleButtonProps = {
    * Content to display inside the toggle button.
    */
   children: React.ReactNode;
-};
+}
 
 type NativeToggleButtonProps = Omit<ToggleButtonProps, 'onCheckedChange' | 'children'> & {
   children?: React.ReactNode;

package/src/jetpack-compose/Tooltip/index.tsx

@@ -16,7 +16,7 @@ export type TooltipBoxRef = {
   dismiss: () => Promise<void>;
 };
 
-export type TooltipBoxProps = {
+export interface TooltipBoxProps {
   /**
    * Ref to imperatively show/dismiss the tooltip.
    */
@@ -50,7 +50,7 @@ export type TooltipBoxProps = {
    * The anchor content triggers the tooltip on long-press.
    */
   children: React.ReactNode;
-};
+}
 
 const TooltipBoxNativeView: React.ComponentType<TooltipBoxProps> = requireNativeView(
   'ExpoUI',
@@ -76,12 +76,12 @@ function transformProps(
 
 // --- PlainTooltip (compound component of TooltipBox) ---
 
-export type PlainTooltipProps = {
+export interface PlainTooltipProps {
   containerColor?: ColorValue;
   contentColor?: ColorValue;
   modifiers?: ModifierConfig[];
   children: React.ReactNode;
-};
+}
 
 const PlainTooltipNativeView: React.ComponentType<PlainTooltipProps> = requireNativeView(
   'ExpoUI',
@@ -108,14 +108,14 @@ function PlainTooltipComponent(props: PlainTooltipProps) {
 
 // --- RichTooltip (compound component of TooltipBox) ---
 
-export type RichTooltipProps = {
+export interface RichTooltipProps {
   containerColor?: ColorValue;
   contentColor?: ColorValue;
   titleContentColor?: ColorValue;
   actionContentColor?: ColorValue;
   modifiers?: ModifierConfig[];
   children: React.ReactNode;
-};
+}
 
 const RichTooltipNativeView: React.ComponentType<RichTooltipProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/AccessoryWidgetBackground/index.tsx

@@ -2,7 +2,7 @@ import { requireNativeView } from 'expo';
 
 import { type CommonViewModifierProps } from '../types';
 
-export type AccessoryWidgetBackgroundProps = CommonViewModifierProps;
+export interface AccessoryWidgetBackgroundProps extends CommonViewModifierProps {}
 
 const AccessoryWidgetBackgroundNativeView: React.ComponentType<AccessoryWidgetBackgroundProps> =
   requireNativeView('ExpoUI', 'AccessoryWidgetBackgroundView');

package/src/swift-ui/Alert/index.tsx

@@ -8,7 +8,7 @@ import { type CommonViewModifierProps } from '../types';
 /**
  * Props of the `Alert` component.
  */
-export type AlertProps = {
+export interface AlertProps extends CommonViewModifierProps {
   /**
    * The contents of the alert.
    * Should include `Alert.Trigger`, `Alert.Actions`, and optionally `Alert.Message`.
@@ -26,7 +26,7 @@ export type AlertProps = {
    * A callback that is called when the `isPresented` state changes.
    */
   onIsPresentedChange?: (isPresented: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeAlertProps = Omit<AlertProps, 'onIsPresentedChange'> & {
   onIsPresentedChange?: (event: NativeSyntheticEvent<{ isPresented: boolean }>) => void;

package/src/swift-ui/BottomSheet/index.tsx

@@ -5,7 +5,7 @@ import { type NativeSyntheticEvent } from 'react-native';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type BottomSheetProps = {
+export interface BottomSheetProps extends CommonViewModifierProps {
   /**
    * The children of the `BottomSheet` component.
    * Use `Group` to wrap your content and apply presentation modifiers
@@ -31,7 +31,7 @@ export type BottomSheetProps = {
    * @default false
    */
   fitToContents?: boolean;
-} & CommonViewModifierProps;
+}
 
 type NativeBottomSheetProps = Omit<BottomSheetProps, 'onIsPresentedChange' | 'onDismiss'> & {
   onIsPresentedChange: (event: NativeSyntheticEvent<{ isPresented: boolean }>) => void;

package/src/swift-ui/Button/index.tsx

@@ -13,7 +13,7 @@ import { type CommonViewModifierProps } from '../types';
  */
 export type ButtonRole = 'default' | 'cancel' | 'destructive';
 
-export type ButtonProps = {
+export interface ButtonProps extends CommonViewModifierProps {
   /**
    * A callback that is called when the button is pressed.
    */
@@ -40,7 +40,7 @@ export type ButtonProps = {
    * Target identifier for the button, used for identifying which button was pressed in widgets and live activities.
    */
   target?: string;
-} & CommonViewModifierProps;
+}
 
 type NativeButtonProps = Omit<ButtonProps, 'onPress'> & ViewEvent<'onButtonPress', void>;
 

package/src/swift-ui/Chart/index.tsx

@@ -144,7 +144,7 @@ export type RuleChartStyle = {
   dashArray?: number[];
 };
 
-export type ChartProps = {
+export interface ChartProps extends CommonViewModifierProps {
   /**
    * Array of data points to display.
    */
@@ -201,7 +201,7 @@ export type ChartProps = {
    * Rule mark specific styling options.
    */
   ruleStyle?: RuleChartStyle;
-} & CommonViewModifierProps;
+}
 
 const ChartNativeView: React.ComponentType<ChartProps> = requireNativeView('ExpoUI', 'ChartView');
 

package/src/swift-ui/ColorPicker/index.tsx

@@ -5,7 +5,7 @@ import { type NativeSyntheticEvent, processColor } from 'react-native';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type ColorPickerProps = {
+export interface ColorPickerProps extends CommonViewModifierProps {
   /**
    * The currently selected color in the format `#RRGGBB` or `#RRGGBBAA`.
    */
@@ -22,7 +22,7 @@ export type ColorPickerProps = {
    * Whether the color picker should support opacity.
    */
   supportsOpacity?: boolean;
-} & CommonViewModifierProps;
+}
 
 type onSelectionChangeEvent = NativeSyntheticEvent<{ value: string }>;
 

package/src/swift-ui/ConfirmationDialog/index.tsx

@@ -8,7 +8,7 @@ import { type CommonViewModifierProps } from '../types';
 /**
  * Props of the `ConfirmationDialog` component.
  */
-export type ConfirmationDialogProps = {
+export interface ConfirmationDialogProps extends CommonViewModifierProps {
   /**
    * The contents of the confirmation dialog.
    * Should include `ConfirmationDialog.Trigger`, `ConfirmationDialog.Actions`, and optionally `ConfirmationDialog.Message`.
@@ -31,7 +31,7 @@ export type ConfirmationDialogProps = {
    * @default 'automatic'
    */
   titleVisibility?: 'automatic' | 'visible' | 'hidden';
-} & CommonViewModifierProps;
+}
 
 type NativeConfirmationDialogProps = Omit<ConfirmationDialogProps, 'onIsPresentedChange'> & {
   onIsPresentedChange?: (event: NativeSyntheticEvent<{ isPresented: boolean }>) => void;

package/src/swift-ui/ContextMenu/types.ts

@@ -6,19 +6,19 @@ import { type CommonViewModifierProps } from '../types';
 /**
  * Props of the `ContextMenu` component.
  */
-export type ContextMenuProps = {
+export interface ContextMenuProps extends CommonViewModifierProps {
   /**
    * The contents of the context menu.
    * Should include `ContextMenu.Trigger`, `ContextMenu.Items`, and optionally `ContextMenu.Preview`.
    */
   children: ReactNode;
-} & CommonViewModifierProps;
+}
 
 /**
  * Props of the `Submenu` component.
  * @deprecated Use `ContextMenu` component as submenu instead.
  */
-export type SubmenuProps = {
+export interface SubmenuProps {
   /**
    * The button that will be used to expand the submenu. On Android the `text` prop of the `Button` will be used as a section title.
    */
@@ -27,4 +27,4 @@ export type SubmenuProps = {
    * Children of the submenu. Only `Button`, `Toggle`, `Picker` and `Submenu` elements should be used.
    */
   children: ReactNode;
-};
+}

package/src/swift-ui/DatePicker/index.tsx

@@ -11,7 +11,7 @@ export type DateRange = {
   end?: Date;
 };
 
-export type DatePickerProps = {
+export interface DatePickerProps extends CommonViewModifierProps {
   /**
    * A title/label displayed on the picker.
    */
@@ -37,7 +37,7 @@ export type DatePickerProps = {
    * Children to use as a custom label.
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type NativeDatePickerProps = Omit<DatePickerProps, 'selection' | 'range' | 'onDateChange'> & {
   selection?: string;

package/src/swift-ui/Divider/index.tsx

@@ -2,7 +2,7 @@ import { requireNativeView } from 'expo';
 
 import { type CommonViewModifierProps } from '../types';
 
-export type DividerProps = CommonViewModifierProps;
+export interface DividerProps extends CommonViewModifierProps {}
 
 const DividerNativeView: React.ComponentType<DividerProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/Gauge/index.tsx

@@ -4,7 +4,7 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type GaugeProps = {
+export interface GaugeProps extends CommonViewModifierProps {
   /**
    * The current value of the gauge.
    */
@@ -35,7 +35,7 @@ export type GaugeProps = {
    * A label showing the maximum value. Use `Text` or `Label` to display the value.
    */
   maximumValueLabel?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type NativeGaugeProps = Omit<
   GaugeProps,

package/src/swift-ui/GlassEffectContainer/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type GlassEffectContainerProps = {
+export interface GlassEffectContainerProps extends CommonViewModifierProps {
   /**
    * The children of the `GlassEffectContainer` component.
    * These should be views with `.glassEffect()` modifiers applied.
@@ -14,7 +14,7 @@ export type GlassEffectContainerProps = {
    * This controls how close elements need to be to start blending together.
    */
   spacing?: number;
-} & CommonViewModifierProps;
+}
 
 type NativeGlassEffectContainerProps = GlassEffectContainerProps;
 

package/src/swift-ui/Grid/index.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type GridProps = {
+export interface GridProps extends CommonViewModifierProps {
   /**
    * The guide for aligning the child views within the space allocated for a given cell. The default is center.
    */
@@ -33,7 +33,7 @@ export type GridProps = {
    */
   horizontalSpacing?: number;
   children: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 const GridNativeView: React.ComponentType<GridProps> = requireNativeView('ExpoUI', 'GridView');
 

package/src/swift-ui/HStack/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type HStackProps = {
+export interface HStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The spacing between children.
@@ -13,7 +13,7 @@ export type HStackProps = {
    * The vertical alignment of children within the stack.
    */
   alignment?: 'top' | 'center' | 'bottom' | 'firstTextBaseline' | 'lastTextBaseline';
-} & CommonViewModifierProps;
+}
 
 const HStackNativeView: React.ComponentType<HStackProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/Host/index.tsx

@@ -1,10 +1,10 @@
 import { requireNativeView } from 'expo';
-import { I18nManager, type StyleProp, type ViewStyle } from 'react-native';
+import { I18nManager, type ColorValue, type StyleProp, type ViewStyle } from 'react-native';
 
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type HostProps = {
+export interface HostProps extends CommonViewModifierProps {
   /**
    * When true, the host view will update its size in the React Native view tree to match the content's layout from SwiftUI.
    * Can be only set once on mount.
@@ -30,6 +30,13 @@ export type HostProps = {
    */
   colorScheme?: 'light' | 'dark';
 
+  /**
+   * Seed color applied to the SwiftUI content as its tint. It propagates
+   * through the SwiftUI environment to theme interactive elements (buttons,
+   * switches, sliders, and similar controls) rendered by the children.
+   */
+  seedColor?: ColorValue;
+
   /**
    * The layout direction for the SwiftUI content.
    * Defaults to the current locale direction from I18nManager.
@@ -46,7 +53,7 @@ export type HostProps = {
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
   pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto';
-} & CommonViewModifierProps;
+}
 
 const HostNativeView: React.ComponentType<
   HostProps & { matchContentsVertical?: boolean; matchContentsHorizontal?: boolean }
@@ -62,6 +69,7 @@ export function Host(props: HostProps) {
     ignoreSafeArea,
     modifiers,
     layoutDirection,
+    seedColor,
     ...restProps
   } = props;
 
@@ -80,6 +88,7 @@ export function Host(props: HostProps) {
         layoutDirection ?? (I18nManager.getConstants().isRTL ? 'rightToLeft' : 'leftToRight')
       }
       ignoreSafeArea={ignoreSafeArea}
+      seedColor={seedColor}
       {...restProps}
     />
   );

package/src/swift-ui/Label/index.tsx

@@ -6,7 +6,7 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LabelProps = {
+export interface LabelProps extends CommonViewModifierProps {
   /**
    * The title text to be displayed in the label.
    */
@@ -34,7 +34,7 @@ export type LabelProps = {
    * @deprecated Use `foregroundStyle` modifier instead.
    */
   color?: ColorValue;
-} & CommonViewModifierProps;
+}
 
 const LabelNativeView: React.ComponentType<LabelProps & { children?: React.ReactNode }> =
   requireNativeView('ExpoUI', 'LabelView');

package/src/swift-ui/LabeledContent/index.tsx

@@ -4,13 +4,13 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LabeledContentProps = {
+export interface LabeledContentProps extends CommonViewModifierProps {
   /**
    * The label to be displayed in the labeled content.
    */
   label?: string | React.ReactNode;
   children: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 const LabeledContentNativeView: React.ComponentType<LabeledContentProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/LazyHStack/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LazyHStackProps = {
+export interface LazyHStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The spacing between children.
@@ -13,7 +13,7 @@ export type LazyHStackProps = {
    * The vertical alignment of children within the stack.
    */
   alignment?: 'top' | 'center' | 'bottom' | 'firstTextBaseline' | 'lastTextBaseline';
-} & CommonViewModifierProps;
+}
 
 const LazyHStackNativeView: React.ComponentType<LazyHStackProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/LazyVStack/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LazyVStackProps = {
+export interface LazyVStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The horizontal alignment of children within the stack.
@@ -13,7 +13,7 @@ export type LazyVStackProps = {
    * The spacing between children.
    */
   spacing?: number;
-} & CommonViewModifierProps;
+}
 
 const LazyVStackNativeView: React.ComponentType<LazyVStackProps> = requireNativeView(
   'ExpoUI',