typescript error Property 'theme' is missing

[younes0]

Current behaviour

As reported and explained here: microsoft/rnx-kit#2247 (comment)

src/App.native.tsx:196:12 - error TS2741: Property 'theme' is missing in type '{ icon: string; size: number; onPress: () => void; }' but required in type 'Pick<Props, "testID" | "disabled" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | ... 72 more ... | "size">'.

196           <IconButton
               ~~~~~~~~~~

  ../../node_modules/react-native-paper/lib/typescript/components/TouchableRipple/TouchableRipple.native.d.ts:13:5
    13     theme: InternalTheme;
           ~~~~~
    'theme' is declared here.


Found 1 error in src/App.native.tsx:196

Expected behaviour

No typescript errors

How to reproduce?

Add "moduleSuffixes": [".android", ".native", ""] to tsconfig

What have you tried so far?

replace content of TouchableRipple.native.tsx

type Props = React.ComponentProps<typeof Pressable> & {
  ...
  children: React.ReactNode;
  style?: StyleProp<ViewStyle>;
  theme: InternalTheme;
};

by TouchableRipple.tsx content, where theme is optional

export type Props = React.ComponentPropsWithRef<typeof Pressable> & {
  ...
  children: React.ReactNode;
  style?: StyleProp<ViewStyle>;
  theme?: ThemeProp;
};

Your Environment

software	version
react-native	0.71.3
react-native-paper	5.3.1
node	16.17.0
expo sdk	48.0.0
typescript	4.9.4