I have this problem with react native, react navigation, even with this error the navigation flow is still working.
Argument of type 'string' is not assignable to parameter of type '{ key: string; params?: undefined; merge?: boolean | undefined; } | { name: never; key?: string | undefined; params: never; merge?: boolean | undefined; }'.ts(2345)
export function LoginContainer() { const navigation = useNavigation() async function handleSignInEmail() { navigation.navigate('SingInEmail') } return (<Container><Image source={Logo} /><Title>Você está entrando com uma conta de Cliente.</Title><LoginButton title="Entrar com Google" type="google" /><LoginButton title="Entrar com Facebook" type="facebook" /><Divisor/><Links title="Entrar com Email" onPress={handleSignInEmail} /><Links title="Cadastrar-se" /></Container> )}
The error occurs in navigation.navigate('SingInEmail')
My package.json
{"name": "smart-delivery","version": "1.0.0","main": "index.js","scripts": {"android": "expo run:android","ios": "expo run:ios","web": "expo start --web","start": "react-native start" },"dependencies": {"@expo-google-fonts/josefin-sans": "^0.2.0","@expo-google-fonts/ubuntu": "^0.2.0","@react-navigation/native": "^5.9.4","@react-navigation/stack": "^5.14.5","expo": "~43.0.2","expo-app-loading": "~1.2.1","expo-font": "~10.0.3","expo-splash-screen": "~0.13.5","expo-status-bar": "~1.1.0","expo-updates": "~0.10.13","react": "17.0.1","react-dom": "17.0.1","react-native": "0.64.3","react-native-gesture-handler": "~1.10.2","react-native-iphone-x-helper": "^1.3.1","react-native-reanimated": "~2.2.0","react-native-responsive-fontsize": "^0.5.1","react-native-safe-area-context": "3.3.2","react-native-screens": "~3.8.0","react-native-svg": "12.1.1","react-native-web": "0.17.1","styled-components": "^5.3.3" },"devDependencies": {"@babel/core": "^7.12.9","@types/react": "~17.0.21","@types/react-native": "~0.64.12","@types/styled-components-react-native": "^5.1.3","typescript": "~4.3.5" },"private": true}
I believe the error is in the typescript, I'm using this template.
My routes are all centered in an index.tsx, here it is.
const { Navigator, Screen } = createNativeStackNavigator();export function Routes() { return (<NavigationContainer><Navigator screenOptions={{ headerShown: false }}><Screen name="AccessType" component={AccessType} /><Screen name="SignIn" component={SignIn} /></Navigator></NavigationContainer> )}