React路由跳转但是页面未发生改变，刷新后正常显示

react项目，配置好路由后，触发跳转发现url已经改变但页面内容未改变，刷新后才能正常显示。

发现是被react的严格模式影响，将BrwserRouter放到其外层即可

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

修改后

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