Cannot convert undefined or null to object

Bắt đầu bằng cách tái hiện lỗi từ app.js bằng các dependency và phiên bản được liệt kê trong package.json, đặc biệt là react-native 0.73.7 và react-native-drawer-layout 3.3.1. Truy vết nơi đối tượng undefined hoặc null được báo cáo và so sánh ví dụ Drawer tối thiểu với hành vi của package đã cài đặt. Kết quả hoàn thành phải bao gồm nguyên nhân đã được xác nhận và cách giải quyết được ghi lại, nhưng issue không xác định một thay đổi cụ thể cần thực hiện.

app.js
/**

• Sample React Native App
• https://github.com/facebook/react-native
• @format
  */
  import React from "react";
  import { Text, Button } from "react-native";
  import { Drawer } from "react-native-drawer-layout";

export default function App() {
const [open, setOpen] = React.useState(false);
return (
<Drawer
open={open}
onOpen={() => setOpen(true)}
onClose={() => setOpen(false)}
renderDrawerContent={() => {
return Drawer content;
}}
>
<Button onPress={() => setOpen(prevOpen => !prevOpen)} title={${open ? "Close" : "Open"} drawer} />

);
}

package.json

{
"name": "app_chinese_course",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "react-native run-android",
"android": "react-native run-android",
"ios": "react-native run-ios",
"lint": "eslint .",
"start": "react-native start",
"test": "jest",
"recache": "react-native start --reset-cache"
},
"dependencies": {
"@jamsch/react-native-hanzi-writer": "^0.3.1",
"@react-native-async-storage/async-storage": "^1.23.1",
"@react-navigation/bottom-tabs": "^6.5.20",
"@react-navigation/native": "^6.1.17",
"@react-navigation/stack": "^6.3.29",
"@reduxjs/toolkit": "^2.2.3",
"@splicer97/react-native-switch": "^1.0.0",
"axios": "^1.6.8",
"i18next": "^23.11.2",
"lottie-react-native": "^6.7.2",
"moment": "^2.30.1",
"qs": "^6.12.1",
"react": "18.2.0",
"react-i18next": "^14.1.1",
"react-native": "0.73.7",
"react-native-audio-recorder-player": "^3.6.7",
"react-native-calendars": "^1.1304.1",
"react-native-drawer-layout": "^3.3.1",
"react-native-fs": "^2.20.0",
"react-native-gesture-handler": "^2.17.1",
"react-native-linear-gradient": "^2.8.3",
"react-native-modal": "^13.0.1",
"react-native-progress": "^5.0.1",
"react-native-reanimated": "^3.14.0",
"react-native-safe-area-context": "^4.10.1",
"react-native-screens": "^3.31.1",
"react-native-splash-screen": "^3.3.0",
"react-native-storage": "^1.0.1",
"react-native-svg": "^13.4.0",
"react-native-video": "^5.2.1",
"react-redux": "^9.1.1"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@babel/preset-env": "^7.20.0",
"@babel/runtime": "^7.20.0",
"@react-native/babel-preset": "0.73.21",
"@react-native/eslint-config": "0.73.2",
"@react-native/metro-config": "0.73.5",
"@react-native/typescript-config": "0.73.1",
"babel-jest": "^29.6.3",
"eslint": "^8.19.0",
"eslint-plugin-react": "^7.34.1",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-native-devsettings": "^1.0.5",
"react-test-renderer": "18.2.0"
},
"engines": {
"node": ">=18"
}
}