Add client-side routing

For: https://github.com/ClinGen/stanford-hci/issues/15
ClinGen · Jun 24, 2024 · 1cd55df · 1cd55df
1 parent a9ac360
commit 1cd55df
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     },
     "dependencies": {
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.0",
+        "react-router-dom": "^6.24.0"
     },
     "devDependencies": {
         "@types/react": "^18.2.66",

diff --git a/src/main.tsx b/src/main.tsx
@@ -1,8 +1,17 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import Index from "./components/App";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+
+const router = createBrowserRouter([
+    {
+        path: "/",
+        element: <Index />,
+    },
+]);
+
 ReactDOM.createRoot(document.getElementById("root")!).render(
     <React.StrictMode>
-        <Index />
+        <RouterProvider router={router} />
     </React.StrictMode>,
 );