Lazy load routes

This commit is contained in:
Gregory Schier
2023-03-13 13:56:13 -07:00
parent c6653af782
commit cf5f69271f
6 changed files with 29 additions and 29 deletions

View File

@@ -1,7 +1,9 @@
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import { Workspaces } from '../pages/Workspaces';
import { Workspace } from '../pages/Workspace';
import { RouteError } from "./RouteError";
import { lazy, Suspense } from 'react';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
const Workspaces = lazy(() => import('../pages/Workspaces'));
const Workspace = lazy(() => import('../pages/Workspace'));
const RouteError = lazy(() => import('./RouteError'));
const router = createBrowserRouter([
{
@@ -26,6 +28,8 @@ const router = createBrowserRouter([
export function AppRouter() {
return (
<RouterProvider router={router} />
<Suspense>
<RouterProvider router={router} />
</Suspense>
);
}