frontend/package.json

@@ -13,11 +13,12 @@
     "axios": "^0.22.0",
     "bootstrap": "^5.1.2",
     "leaflet": "^1.7.1",
-    "node-sass": "^6.0.1",
+    "node-sass": "^8.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-leaflet": "^3.2.2",
-    "react-scripts": "4.0.3",
+    "react-router-dom": "^6.8.0",
+    "react-scripts": "^5.0.1",
     "reactstrap": "^8.10.0",
     "web-vitals": "^1.1.2"
   },

frontend/src/index.js

@@ -2,14 +2,25 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import {
+  createBrowserRouter,
+  RouterProvider,
+} from 'react-router-dom';
 
 // Styles
 import './assets/styles/main.scss';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <App />
+  },
+])
+
 ReactDOM.render(
   <React.StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </React.StrictMode>,
   document.getElementById('root')
 );