undefined is not an object (evaluating 'scene.descriptor.route.key')と表示される

Question

react-nativeにて、expoを使ったアプリ開発をしていますが、タイトルの通りのエラーが出ます。
react-navigationをインストールし、下記コードを記述した際にエラーが出ます。
eslintも導入し、何もコードミスが出ていないにも関わらず、エラーが出るので困っています。
教えてください！

App.jsx

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

import MemoListScreen from './src/screens/MemoListScreen';

const Stack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={MemoListScreen} />
      </Stack.Navigator>
  );
}

package.json

{
  "name": "memoapp",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@expo/vector-icons": "^12.0.5",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-navigation/native": "^5.9.8",
    "@react-navigation/stack": "^6.0.11",
    "@use-expo/font": "^2.0.0",
    "expo": "~44.0.0",
    "expo-status-bar": "~1.2.0",
    "prop-types": "^15.8.1",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-native": "0.64.3",
    "react-native-gesture-handler": "~2.1.0",
    "react-native-reanimated": "~2.3.1",
    "react-native-safe-area-context": "3.3.2",
    "react-native-screens": "~3.10.1",
    "react-native-web": "0.17.1"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "eslint": "^8.6.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-plugin-import": "^2.25.4",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-react": "^7.28.0",
    "eslint-plugin-react-hooks": "^4.3.0"
  },
  "private": true
}

MemoListScreen.jsx

import React from 'react';
import { View, StyleSheet } from 'react-native';

import AppBar from '../components/AppBar';
import MemoList from '../components/MemoList';
import CircleBtn from '../components/CircleBtn';

export default function MemoListScreen() {
  return (
    <View style={styles.container}>
      <AppBar />
      <MemoList />
      <CircleBtn name="plus" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#f0f4f8',
  },
});

他に必要な情報などありましたら、送付しますのでお声かけください。
よろしくお願いいたします。

Answer 1

App.jsx で <NavigationContainer> の閉じタグが無いのはミスですか？

---

あとはこれとか
https://stackoverflow.com/a/67303669/13126073

---

すみませんが手元で動かしてないのでこれ以上は分かりません

Comments

[sora11023539]

ありがとうございます！
後者のやり方で無事表示されました🙇‍♂️

[takapiro99]

よろしければベストアンサーにしていただけると喜びます

[sora11023539]

遅くなり申し訳ないです！
ベストアンサーにしました！