40 lines
937 B
TypeScript
40 lines
937 B
TypeScript
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
import App from './App';
|
|
import { RouterProvider, createBrowserRouter } from 'react-router-dom';
|
|
import { DoorPage, loader as doorpageloader } from './pages/DoorPage';
|
|
import { ErrorPage } from './pages/ErrorPage';
|
|
import { QueryRouter } from './routers/QueryRouter';
|
|
import { EditPage } from './pages/EditPage';
|
|
|
|
const root = ReactDOM.createRoot(
|
|
document.getElementById('root') as HTMLElement
|
|
);
|
|
|
|
const router = createBrowserRouter([
|
|
{
|
|
path: "/",
|
|
element: <App />,
|
|
errorElement: <ErrorPage />,
|
|
children: [
|
|
{
|
|
path: "",
|
|
loader: doorpageloader,
|
|
element:
|
|
<QueryRouter
|
|
mapping={{
|
|
edit: <EditPage />,
|
|
door: <DoorPage />
|
|
}}
|
|
/>
|
|
}
|
|
]
|
|
}
|
|
])
|
|
|
|
root.render(
|
|
<React.StrictMode>
|
|
<RouterProvider router={router} />
|
|
</React.StrictMode>
|
|
);
|