Errors after adding typescript to react native app

Question

I'm very new to TypeSccript. I'm trying to convert my React Native to use TypeScript. I followed the instructions here: https://reactnative.dev/docs/typescript

After running yarn tsc I get errors like:

node_modules/@react-navigation/stack/lib/typescript/src/types.d.ts:99:67 - error TS2339: Property 'style' does not exist on type 'PropsWithChildren<AnimatedProps<TextProps & RefAttributes<Text>>>'.

99     headerTitleStyle?: React.ComponentProps<typeof Animated.Text>['style'];

Is this an error in the node module or in my own code? Any tips on what I need to do?

I have a minimal project here: https://github.com/jauggy/React-Native-TypeScript-Test

can you provide more information - what does your file look like, what version of react-navigation are you on etc? Even better can you create a minimal reproduction on a github repo? — g2jose
– g2jose, Commented Aug 3, 2020 at 3:38
I've added a minimal project here: github.com/jauggy/React-Native-TypeScript-Test — Joshua Augustinus
– Joshua Augustinus, Commented Aug 3, 2020 at 4:29

g2jose · Accepted Answer · 2020-08-03 04:42:34Z

2

This seems to be caused by bad declaration typings in the @react-navigation version you're on. You can get around this by updating your tsconfig to tell typescript to skip type checking of all declaration files (*.d.ts files):

// tsconfig.json
"compilerOptions": {
  // ...
  "skipLibCheck": true
}

Docs https://www.typescriptlang.org/docs/handbook/compiler-options.html

answered Aug 3, 2020 at 4:42

g2jose

1,4851 gold badge11 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Errors after adding typescript to react native app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related