反应路由器v6无法与HashRouter一起使用

Question

我正在申请React，我已经用过

"react-router": "^6.0.0-beta.0",
"react-router-dom": "^6.0.0-beta.0",

我遇到了HashRouter的问题，它不起作用。浏览器地址已更改，但页面未呈现。 我的实现是这样的：

<BrowserRouter>
        <Routes>
          <Route path={'/app/dashboard'} element={<Dashboard/>}/>
           <HashRouter>
                <Route path={'/detail'} element={<ItemDetail/>}/>
           </HashRouter>
        </Routes>
      </BrowserRouter>

在这种情况下，我的期望是单击仪表盘页面上的项目时打开项目详细信息页面。像这样的网址：/app/dashboard#/detail。

我尝试使用如下导航：navigate('#detail')或navigate('#/detail')，但仍然无法正常工作。

这是怎么了？有什么建议解决这个问题吗？

非常感谢〜！