React本机导航错误。我该如何解决这个问题？

npm install @react-navigation/native

import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

import { createStackNavigator } from '@react-navigation/stack';

<Stack.Screen name="Details" component={DetailsScreen} />

navigation.navigate('Details', { itemId: 86, otherParam: 'anything you want here' });

function DetailsScreen({ route }) {
  const { itemId, otherParam } = route.params;
  // 使用参数
}

useEffect(() => {
  navigation.setOptions({
    title: 'New Title',
  });
}, [navigation]);