Typescript typings issue

[ScreamZ]

Within the latest version, when I Start a new Expo project I'm getting the following ts error

I'm having issues understanding why

'MapView' cannot be used as a JSX component.
  Its instance type 'MapView' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/Users/screamz/js-dev/pro/stride/stride-new-mobile-app/node_modules/@types/react-native/node_modules/@types/react/index").ReactNode'.
        Type '{}' is not assignable to type 'ReactNode'.
          Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, propsts(2786)

Reproduction

npm i -g expo-cli
expo init -> Typescript starter
expo install react-native-maps-> "react-native-maps": "0.29.4" given

Try to use <MapView /> within a component in a .tsx file

[ScreamZ]

Looks related to

• Bug: React 18 types broken since the type release a view hours ago facebook/react#24304
• Type errors because of types/react~17. expo/expo#17101

Solution

Add to package.json

"resolutions": { "@types/react": "~17.0.21" },