Adding React Router

LiorKGOW · Apr 12, 2023 · 001ff1d · 001ff1d
1 parent f445d0a
commit 001ff1d
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 3 deletions.
diff --git a/react_app/package-lock.json b/react_app/package-lock.json
diff --git a/react_app/package.json b/react_app/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.10.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

diff --git a/react_app/src/index.js b/react_app/src/index.js
@@ -1,14 +1,21 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import {
+  BrowserRouter as Router,
+  Routes,
+  Route,
+} from 'react-router-dom';
 import './index.css';
 import reportWebVitals from './reportWebVitals';
 import IndexPage from './pages/IndexPage';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <React.StrictMode>
-    <IndexPage />
-  </React.StrictMode>
+  <Router>
+    <Routes>
+      <Route path="/" element={<IndexPage />} exact />
+    </Routes>
+  </Router>
 );
 
 // If you want to start measuring performance in your app, pass a function