Reactjs 使用reactrouterdom时显示"对象无效作为React子组件"错误

所以，我使用的是Reaction-Router-Domv6，当我定义了所有的路由时，我得到了一个错误消息:

对象作为react 子对象无效(找到:[Object Promise]).如果要呈现一个子级集合，请改用array.

我的REACTION-ROUTER-DOM版本是6.14.0.我使用的代码与我以前的项目中使用的代码完全相同.我在其中使用的最后一个项目的版本是6.11.2.

我已经将文件index.js中的BrowserRouter初始化如下:

import App from "./App";
import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

我正在像这样初始化所有的路由:

import Navbar from "./components/Navbar";
import Home from "./components/Home";
import { Routes, Route } from "react-router-dom";
import AddAPost from "./components/AddAPost";
import Login from "./components/Login";
import Register from "./components/Register";
import Post from "./components/Post";

function App() {
  return (
    <div className="app">
      <Navbar />
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/addapost" element={<AddAPost />} />
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
        <Route path="/posts:postid" element={<Post />} />
      </Routes>
    </div>
  );
}

我还阅读了Reaction-Router-Dom的文档，与他们的代码相比，一切似乎都很好.