`useNavigation` / `useRoute` — typing với TypeScript ra sao?

type RootStackParamList = {
  Home: undefined
  Detail: { productId: string; from?: 'home' | 'search' }
  Profile: { userId: number }
}

import type { NativeStackScreenProps } from '@react-navigation/native-stack'

type Props = NativeStackScreenProps<RootStackParamList, 'Detail'>
function DetailScreen({ route, navigation }: Props) {
  const { productId, from } = route.params // typed
  navigation.navigate('Profile', { userId: 42 }) // typed
}

declare global {
  namespace ReactNavigation {
    interface RootParamList extends RootStackParamList {}
  }
}