我正在尝试使用react路由器6.4。我正在使用最新的布局，我甚至尝试了旧的布局，我仍然得到一个错误，说文档没有定义。
我如何在一个nextjs项目中正确地设置react路由器。我正在使用它来呈现页面上的各个组件。
如何定义文档？
我正在_app. js文件中使用createBrowserRouter

function MyApp({ Component, pageProps }) {
const router = createBrowserRouter({
basename: "/",
routeConfig: [
  {
    path: "/",
    component: Splash,
  },
  {
    path: "/myaccount",
    component: MyAccount,
  },
  {
    path: "/profile",
    component: Profile,
  },
],

字符串
}）;

return (
  <Provider store={store}>
    <RouterProvider router={router} />
    <Layout>
      <Component {...pageProps} />
    </Layout>
  </Provider>
);

型
}
导出默认MyApp;
这是布局文件的内容

return (
<>
  <NavBar />
  {children}
</>
);

型