Esta pregunta se parece a esto : ¿cómo usar navigation.replace en TypeScript? que es para reaccionar-navegación 5.

También leí los documentos https://reactnavigation.org/docs/typescript/#annotating-usenavigation

Intenté un par de formas diferentes, pero me confundí más 🙃.

 import { BottomTabScreenProps } from '@react-navigation/bottom-tabs' import { CompositeScreenProps, NavigatorScreenParams } from '@react-navigation/native' import { NativeStackScreenProps } from '@react-navigation/native-stack' import { AxiosError } from 'axios' declare global { namespace ReactNavigation { interface RootParamList extends RootStackParamList {} } } export type RootStackParamList = { SignIn: undefined ResetPassword: { email?: string } | undefined Root: NavigatorScreenParams<RootTabParamList> | undefined Modal: undefined Error: { error?: AxiosError | null } | undefined DevToolsSignIn: undefined } export type RootTabParamList = { Overview: undefined Returns: undefined Portfolio: undefined More: undefined } export type RouteName = keyof RootStackParamList | keyof RootTabParamList export const routeTypeGuard = (route: RouteName) => route as keyof RootStackParamList export type RootStackScreenProps<Screen extends keyof RootStackParamList> = NativeStackScreenProps< RootStackParamList, Screen > export type RootTabScreenProps<Screen extends keyof RootTabParamList> = CompositeScreenProps< BottomTabScreenProps<RootTabParamList, Screen>, NativeStackScreenProps<RootStackParamList> >

luego, en un componente, deseo decirle a mecanografiado que debería poder destruir replace desde useNavigation()

 export default ({ route }: RootStackScreenProps<'ResetPassword'>) => { const { replace } = useNavigation<?🙃?>() const email = route.params?.email if (!email) replace('Error') return ( <ScreenContainer> <Text style={{ color: 'hotpink' }}>{email}</Text> </ScreenContainer> ) }