React本机导航道具在推送屏幕上未定义

import React from 'react';
import { View, Text, Button } from 'react-native';
import { NavigationContainer, useNavigation } from '@react-navigation/native';

function PushScreen() {
  const navigation = useNavigation();

  const navigateToOtherScreen = () => {
    navigation.navigate('OtherScreen');
  };

  return (
    <View>
      <Text>This is the PushScreen.</Text>
      <Button title="Go to Other Screen" onPress={navigateToOtherScreen} />
    </View>
  );
}

function OtherScreen() {
  return (
    <View>
      <Text>This is the OtherScreen.</Text>
    </View>
  );
}

function App() {
  return (
    <NavigationContainer>
      <PushScreen />
    </NavigationContainer>
  );
}

export default App;