'Stack.navigator' ne peut pas être utilisé comme composant JSX

Il y a un problème de type à l'aide de React Navigation, lors de l'utilisation de stack.navigation ou stack.group depuis CreenatiVestackNavigator

Le problème dit Le fait que les types ne correspondent pas à jsx.element à la fin des messages est plus spécifique: Type '{}' n'est pas attribuable pour taper 'reactNode'

Message entier:

"dependencies": {
  "@types/react": "^17.0.41"
}

La façon de reproduire est simplement d'installer ces versions et d'exécuter le projet.

"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"@react-navigation/bottom-tabs": "^6.3.1",
"@react-navigation/native": "^6.0.10",
"@react-navigation/native-stack": "^6.6.1",
"typescript": "^4.6.3"

Mon application fonctionne toujours et je n'ai aucune erreur dans la console. Je ne sais pas pourquoi j'ai une ligne rouge sous Stack.Navigator. Mais quand je plane dessus, il dit que 'stack.navigator' ne peut pas être utilisé comme composant JSX.

i aussi J'ai la même erreur lors de l'utilisation de MaterialScommunityIcons

Mise à jour au 12-04-22 pour React Navigation

Ceci est un problème lié à la version @ Types / React Vous devez ajouter cette résolution minimale à votre projet pour le résoudre:

'Stack.Navigator' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions<string> & { id?: string | undefined; children: ReactNode; screenListeners?: Partial<...> | ... 1 more ... | undefined; screenOptions?: NativeStackNavigationOptions | ... 1 more ... | undefined; defaultScreenOptions?: NativeStackNavigationOptions | ... 1 mo...' is not a valid JSX element.
    Type 'Component<Omit<DefaultRouterOptions<string> & { id?: string | undefined; children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<NativeStackNavigationEventMap, "transitionStart">; ... 4 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | unde...' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<Omit<DefaultRouterOptions<string> & { id?: string | undefined; children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<NativeStackNavigationEventMap, "transitionStart">; ... 4 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | unde...' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/Users/mrcmesen/Novum/ice-app/plant-maintenance/node_modules/@types/react-native/node_modules/@types/react/index").ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.ts(2786)