Select router type based on desktop/web

This commit is contained in:
jeffvli 2023-01-15 16:11:26 -08:00
parent a31a2ffdbf
commit fc57605219

View file

@ -1,9 +1,11 @@
import isElectron from 'is-electron';
import { lazy, Suspense } from 'react'; import { lazy, Suspense } from 'react';
import { import {
Route, Route,
createRoutesFromElements, createRoutesFromElements,
RouterProvider, RouterProvider,
createBrowserRouter, createBrowserRouter,
createHashRouter,
} from 'react-router-dom'; } from 'react-router-dom';
import { AppRoute } from './routes'; import { AppRoute } from './routes';
import { DefaultLayout } from '/@/renderer/layouts'; import { DefaultLayout } from '/@/renderer/layouts';
@ -68,8 +70,10 @@ const RouteErrorBoundary = lazy(
() => import('/@/renderer/features/action-required/components/route-error-boundary'), () => import('/@/renderer/features/action-required/components/route-error-boundary'),
); );
const dynamicRouter = isElectron() ? createHashRouter : createBrowserRouter;
export const AppRouter = () => { export const AppRouter = () => {
const router = createBrowserRouter( const router = dynamicRouter(
createRoutesFromElements( createRoutesFromElements(
<> <>
<Route element={<TitlebarOutlet />}> <Route element={<TitlebarOutlet />}>