React Native: How to use TypeScript effectively in React Native?

1type UserCardProps = {
2  name: string;
3  age: number;
4  avatar?: string;
5  onPress?: () => void;
6};
7
8function UserCard({ name, age, avatar, onPress }: UserCardProps) {
9  return (
10    <TouchableOpacity onPress={onPress}>
11      <Text>{name}, {age}</Text>
12    </TouchableOpacity>
13  );
14}

1type RootStackParamList = {
2  Home: undefined;
3  Details: { id: number };
4};
5
6type HomeScreenProp = NativeStackScreenProp<RootStackParamList, 'Home'>;
7
8function HomeScreen({ navigation }: HomeScreenProp) {
9  return (
10    <Button
11      onPress={() => navigation.navigate("Details", { id: 1 })}
12      title="Go to Details"
13    />
14  );
15}