adding basename for react router config

KartikWatts · Oct 17, 2024 · ca67447 · ca67447
1 parent 32971d7
commit ca67447
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="refresh" content="0; URL='./index.html'" />
+  </head>
+  <body></body>
+</html>
diff --git a/src/main.jsx b/src/main.jsx
@@ -6,17 +6,22 @@ import "./index.css";
 import ErrorPage from "./error-page.jsx";
 import { QuickSolve } from "./pages/quick-solve/QuickSolve.jsx";
 
-const router = createBrowserRouter([
+const router = createBrowserRouter(
+  [
+    {
+      path: "/",
+      element: <App />,
+      errorElement: <ErrorPage />,
+    },
+    {
+      path: "/quick-solve",
+      element: <QuickSolve />,
+    },
+  ],
   {
-    path: "/",
-    element: <App />,
-    errorElement: <ErrorPage />,
-  },
-  {
-    path: "/quick-solve",
-    element: <QuickSolve />,
-  },
-]);
+    basename: "/chess-arena",
+  }
+);
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>