diff --git a/webapp/src/components/Router.jsx b/webapp/src/components/Router.jsx
index d883add9..499cde86 100644
--- a/webapp/src/components/Router.jsx
+++ b/webapp/src/components/Router.jsx
@@ -1,28 +1,10 @@
 import React from "react";
 import Root from "../pages/Root";
-// import Login from "../pages/Login";
-// import Register from "../pages/Register";
 import Layout from "./Layout";
+import { Route, createBrowserRouter, createRoutesFromElements } from "react-router-dom";
 
-const router = [
-  {
-    path: "/",
-    element: <Layout />,
-    children: [
-      {
-        path: "/",
-        element: <Root />,
-      }
-      // },{
-      // path: "/login",
-      // element: <Login />
-      // },
-      // {
-      // path: "/register",
-      // element: <Register />
-      // }
-    ]
-  }
-];
-
-export default router;
\ No newline at end of file
+export default createRoutesFromElements(
+    <Route path="/" element={<Layout />} >
+      <Route index element={<Root />} />
+    </Route>
+  )
\ No newline at end of file