@expo/ui 56.0.18 → 56.0.19

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',

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

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LinkProps = {
+export interface LinkProps extends CommonViewModifierProps {
   /**
    * The text label for the Link. Use this for simple text links.
    */
@@ -17,7 +17,7 @@ export type LinkProps = {
    * Only nested elements are supported, not plain strings.
    */
   children?: React.ReactElement | React.ReactElement[];
-} & CommonViewModifierProps;
+}
 
 const LinkNativeView: React.ComponentType<LinkProps> = requireNativeView('ExpoUI', 'LinkView');
 

package/src/swift-ui/List/ListForEach.tsx

@@ -16,7 +16,7 @@ type NativeListForEachProps = CommonViewModifierProps &
     children: React.ReactNode;
   };
 
-export type ListForEachProps = {
+export interface ListForEachProps extends CommonViewModifierProps {
   /**
    * The children elements to be rendered inside the `List.ForEach`.
    */
@@ -35,7 +35,7 @@ export type ListForEachProps = {
    * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/dynamicviewcontent/onmove(perform:)).
    */
   onMove?: (sourceIndices: number[], destination: number) => void;
-} & CommonViewModifierProps;
+}
 
 /**
  * A compound component of `List` that enables item deletion and reordering.

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

@@ -4,14 +4,14 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type Alignment, type CommonViewModifierProps } from '../types';
 
-export type MaskProps = {
+export interface MaskProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The alignment of the mask content relative to the base content.
    * @default 'center'
    */
   alignment?: Alignment;
-} & CommonViewModifierProps;
+}
 
 const MaskNativeView: React.ComponentType<MaskProps> = requireNativeView('ExpoUI', 'MaskView');
 

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

@@ -5,7 +5,7 @@ import type { CommonViewModifierProps } from '../types';
 /**
  * Props for the `Menu` component.
  */
-export type MenuProps = {
+export interface MenuProps extends CommonViewModifierProps {
   /**
    * The label for the menu trigger. Can be a string for simple text labels,
    * or a ReactNode for custom label content.
@@ -27,4 +27,4 @@ export type MenuProps = {
    * Can contain `Button`, `Toggle`, `Picker`, `Section`, `Divider` or nested `Menu` components.
    */
   children: ReactNode;
-} & CommonViewModifierProps;
+}

package/src/swift-ui/Namespace.tsx

@@ -1,13 +1,13 @@
 import { requireNativeView } from 'expo';
 
-export type NamespaceProps = {
+export interface NamespaceProps {
   /**
    * The ID of the namespace. You can generate one with the `useId` react hook.
    */
   id: string;
 
   children: React.ReactNode;
-};
+}
 
 type NativeNamespaceProps = NamespaceProps;
 

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

@@ -4,14 +4,14 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type Alignment, type CommonViewModifierProps } from '../types';
 
-export type OverlayProps = {
+export interface OverlayProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The alignment of the overlay content relative to the base content.
    * @default 'center'
    */
   alignment?: Alignment;
-} & CommonViewModifierProps;
+}
 
 const OverlayNativeView: React.ComponentType<OverlayProps> = requireNativeView(
   'ExpoUI',

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

@@ -5,7 +5,7 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import type { CommonViewModifierProps } from '../types';
 
-export type PopoverViewProps = {
+export interface PopoverViewProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * Whether the popover is presented.
@@ -24,7 +24,7 @@ export type PopoverViewProps = {
    * @default 'none'
    */
   arrowEdge?: 'leading' | 'trailing' | 'top' | 'bottom' | 'none';
-} & CommonViewModifierProps;
+}
 
 type NativePopoverViewProps = Omit<PopoverViewProps, 'onIsPresentedChange'> & {
   onIsPresentedChange?: (event: NativeSyntheticEvent<{ isPresented: boolean }>) => void;

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

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type ClosedRangeDate, type CommonViewModifierProps } from '../types';
 
-export type ProgressViewProps = {
+export interface ProgressViewProps extends CommonViewModifierProps {
   /**
    * The current progress value. A value between `0` and `1`.
    * When `undefined`, the progress view displays an indeterminate indicator.
@@ -26,7 +26,7 @@ export type ProgressViewProps = {
    * A label describing the progress view's purpose.
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type NativeProgressViewProps = Omit<ProgressViewProps, 'timerInterval'> & {
   timerInterval?: { lower: number; upper: number };

package/src/swift-ui/RNHostView.tsx

@@ -2,7 +2,7 @@ import { requireNativeView } from 'expo';
 
 const RNHostNativeView: React.ComponentType<any> = requireNativeView('ExpoUI', 'RNHostView');
 
-export type RNHostViewProps = {
+export interface RNHostViewProps {
   /**
    * When `true`, the RNHost will update its size in the React Native view tree to match the children's size.
    * When `false`, the RNHost will use the size of the parent SwiftUI View.
@@ -14,7 +14,7 @@ export type RNHostViewProps = {
    * The RN View to be hosted.
    */
   children: React.ReactElement;
-};
+}
 
 export function RNHostView(props: RNHostViewProps) {
   return (

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

@@ -29,7 +29,7 @@ export type ScrollGeometry = {
   contentHeight: number;
 };
 
-export type ScrollViewProps = {
+export interface ScrollViewProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The scrollable axes. Pass `'both'` to enable 2D (horizontal + vertical) scrolling.
@@ -42,7 +42,7 @@ export type ScrollViewProps = {
    * @default true
    */
   showsIndicators?: boolean;
-} & CommonViewModifierProps;
+}
 
 const ScrollViewNativeView: React.ComponentType<ScrollViewProps> = requireNativeView(
   'ExpoUI',

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

@@ -4,7 +4,7 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type SectionProps = {
+export interface SectionProps extends CommonViewModifierProps {
   /**
    * The title of the section.
    */
@@ -35,7 +35,7 @@ export type SectionProps = {
    * @platform tvos 17.0+
    */
   onIsExpandedChange?: (isExpanded: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type SectionNativeProps = Omit<SectionProps, 'onIsExpandedChange'> & {
   onIsExpandedChange?: (e: { nativeEvent: { isExpanded: boolean } }) => void;

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

@@ -18,7 +18,7 @@ export type SecureFieldRef = {
   blur: () => Promise<void>;
 };
 
-export type SecureFieldProps = {
+export interface SecureFieldProps extends CommonViewModifierProps {
   ref?: Ref<SecureFieldRef>;
   /**
    * An observable state that holds the current text.
@@ -49,7 +49,7 @@ export type SecureFieldProps = {
    * Slot children - supports `<SecureField.Placeholder>` with a `<Text>` child
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 export type NativeSecureFieldProps = Omit<
   SecureFieldProps,

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

@@ -4,7 +4,7 @@ import { useCallback, useRef } from 'react';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type ShareLinkProps = {
+export interface ShareLinkProps extends CommonViewModifierProps {
   /**
    * The URL or item to be shared.
    * This can be a web URL, a file path, or any other shareable item.
@@ -35,7 +35,7 @@ export type ShareLinkProps = {
    * Optional children to be rendered inside the share link.
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type ShareLinkNativeRef = {
   setItem: (url: string | null) => Promise<void>;

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

@@ -4,7 +4,7 @@ import type { NativeSyntheticEvent } from 'react-native';
 import { Slot } from '../SlotView';
 import { type CommonViewModifierProps } from '../types';
 
-export type SliderProps = {
+export interface SliderProps extends CommonViewModifierProps {
   /**
    * The current value of the slider.
    */
@@ -51,7 +51,7 @@ export type SliderProps = {
    * Callback triggered when the user starts or ends editing the slider.
    */
   onEditingChanged?: (isEditing: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeSliderProps = Omit<
   SliderProps,

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

@@ -4,7 +4,7 @@ import { type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type StepperProps = {
+export interface StepperProps extends CommonViewModifierProps {
   /**
    * The label text displayed with the stepper.
    */
@@ -29,7 +29,7 @@ export type StepperProps = {
    * Called when the stepper value changes.
    */
   onValueChange: (value: number) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeStepperProps = Omit<StepperProps, 'onValueChange'> &
   ViewEvent<'onValueChange', { value: number }>;

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

@@ -6,14 +6,14 @@ import { type CommonViewModifierProps } from '../types';
 
 export type SwipeActionsEdge = 'leading' | 'trailing';
 
-export type SwipeActionsProps = {
+export interface SwipeActionsProps extends CommonViewModifierProps {
   /**
    * The regular content and `SwipeActions.Actions` action groups.
    */
   children: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
-export type SwipeActionsGroupProps = {
+export interface SwipeActionsGroupProps {
   /**
    * The edge where these swipe actions are revealed.
    * @default 'trailing'
@@ -28,7 +28,7 @@ export type SwipeActionsGroupProps = {
    * The buttons revealed when the user swipes from this edge.
    */
   children: React.ReactNode;
-};
+}
 
 type SwipeActionsNativeProps = SwipeActionsProps;
 

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

@@ -5,7 +5,7 @@ import { getStateId, type ObservableState, useWorkletProp } from '../../State';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type SyncToggleProps = {
+export interface SyncToggleProps extends CommonViewModifierProps {
   /**
    * An observable state that drives the toggle.
    * Create one with `useNativeState(false)`.
@@ -24,7 +24,7 @@ export type SyncToggleProps = {
    * Must be marked with the `'worklet'` directive.
    */
   onIsOnChangeSync?: (isOn: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeSyncToggleProps = Omit<SyncToggleProps, 'isOn' | 'onIsOnChangeSync'> & {
   isOn?: number | null;

package/src/swift-ui/TabView/Tab.tsx

@@ -3,7 +3,7 @@ import { type SFSymbol } from 'sf-symbols-typescript';
 
 import { type CommonViewModifierProps } from '../types';
 
-export type TabProps = {
+export interface TabProps extends CommonViewModifierProps {
   /**
    * Identifies this tab. Matched against the parent `TabView`'s `selection`
    * and `defaultSelection` props.
@@ -21,7 +21,7 @@ export type TabProps = {
    * The tab's content — rendered when this tab is selected.
    */
   children: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 const TabNativeView: React.ComponentType<TabProps> = requireNativeView('ExpoUI', 'Tab');