fix react router

p6te · Nov 10, 2023 · f053385 · f053385
1 parent f1462d8
commit f053385
Showing 1 changed file with 35 additions and 32 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -29,38 +29,41 @@ function App() {
     );
   };
 
-  const router = createBrowserRouter([
-    {
-      path: "/",
-      element: <Layout />,
-      children: [
-        {
-          path: "/",
-          element: <Home />,
-        },
-        {
-          path: "/users",
-          element: <Users />,
-        },
-        {
-          path: "/users/:id",
-          element: <User />,
-        },
-        {
-          path: "/products",
-          element: <Products />,
-        },
-        {
-          path: "/products/:id",
-          element: <Product />,
-        },
-      ],
-    },
-    {
-      path: "/login",
-      element: <Login />,
-    },
-  ]);
+  const router = createBrowserRouter(
+    [
+      {
+        path: "/",
+        element: <Layout />,
+        children: [
+          {
+            path: "/",
+            element: <Home />,
+          },
+          {
+            path: "/users",
+            element: <Users />,
+          },
+          {
+            path: "/users/:id",
+            element: <User />,
+          },
+          {
+            path: "/products",
+            element: <Products />,
+          },
+          {
+            path: "/products/:id",
+            element: <Product />,
+          },
+        ],
+      },
+      {
+        path: "/login",
+        element: <Login />,
+      },
+    ],
+    { basename: import.meta.env.DEV ? "/" : "/admin-dashboard/" }
+  );
   return <RouterProvider router={router} />;
 }