router.tsx (636B)
1 import React from "react"; 2 import ReactDOM from "react-dom/client"; 3 import { createHashRouter, RouterProvider } from "react-router"; 4 import "./router.css"; 5 6 import Root from "./routes/root"; 7 import Home from "./routes/Home"; 8 9 const router = createHashRouter([ 10 { 11 element: <Root />, 12 errorElement: <ErrorPage />, 13 children: [ 14 { 15 path: "/", 16 element: <Home />, 17 index: true, 18 }, 19 ], 20 }, 21 ]); 22 23 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( 24 <React.StrictMode> 25 <RouterProvider router={router} /> 26 </React.StrictMode>, 27 ); 28 29 function ErrorPage() { 30 return <h3 className="italic">Error</h3>; 31 }