空白反应页面：未捕获的类型错误：无法解构'react__WEBPACK_IMPORTED_MODULE_0__.useContext（...）'的属性'basename'，因为它为空

Question

我是 React 的初学者，并按照本教程开始了我的第一个项目：https://www.youtube.com/watch?v=wYpCWwD1oz0。我已经编译了没有错误的代码和“npm run start”。

React 应用程序显示空白页面并出现错误：

1. Uncaught TypeError: Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' 因为它是空的。
2. 组件出现以上错误：react-dom.development.js.

运行 npm run start 时的错误列表：

未捕获的错误：useRoutes() 只能在组件的上下文中使用。 在不变量（history.ts:480:1） 在 useRoutesImpl (hooks.tsx:348:1) 在 useRoutes (hooks.tsx:339:1) 在路线 (components.tsx:413:1) 在 renderWithHooks (react-dom.development.js:14985:1) 在 mountIndeterminateComponent (react-dom.development.js:17811:1) 在 beginWork (react-dom.development.js:19049:1) 在 HTMLUnknownElement.callCallback (react-dom.development.js:3945:1) 在 Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1) 在 invokeGuardedCallback (react-dom.development.js:4056:1)

我使用 npx create-react-app react-admin 创建了应用程序。我认为某些包在运行最新的 react 18.0.0 时存在兼容性问题，因此我使用了 react 17.0.2.

我尝试重新安装 react-dom，但它不起作用，并说无法解决对等差异。

提前感谢您的关注和帮助:)