HashRouter 与 BrowserRouter 在同一个 SPA

Question

      <Fragment>
            <Suspense fallback={<div>Loading...</div>}>
                <HashRouter>
                        <Routes>
                            <Route path={'login'} element={<Login/>} />
                            <Route path={'/ContactUs'} element={<ContactUs/>} />
                            <Route path={'/AboutUs'} element={<AboutUs/>} />
                            <Route path={'/'} element={<ProtectedRoutes/>}>
                                <Route index element={<Home/>} />
                                <Route path={'/home'} element={<Home/>} />
                                <Route path={'/dashbaord'} element={<Dashboard/>} />
                                <Route path={'/students'} element={<Students/>} />
                                <Route path={'/classes'} element={<Classes/>} />
                                <Route path={'/profile'} element={<Profile/>} />
                            </Route> 
                            <Route path={'*'} element={<NotFound/>} />
                        </Routes> 
                </HashRouter>  
            </Suspense>
        </Fragment>

你好程序员，我有想法从我这里拿走一天，但我没有找到解决方案。 我的想法是我想在我的应用程序的 V6 react-router-dom 中使用 HashRouter 和 BrowserRouter。 为什么？ cz 我想让页面“登录”、“联系我们”、“关于我们”作为公共页面，而不是像这样的“/#/登录”，还有个人资料页面。 我被使用并将此页面放在 BrowserRouter 中，但它与 HashRouter 冲突，并且页面拒绝相互连接，特别是我使用 ProtectedRoute。

感谢您的任何解决方案，并为我的英语不正确短语感到抱歉。