From 3e3f7bbdac1ec3345ed80ce7a589887a1d9a8c7b Mon Sep 17 00:00:00 2001
From: "Rayyan (Rayy)" <rayyan.hodges@studytafensw.edu.au>
Date: Tue, 5 Sep 2023 08:38:49 +0000
Subject: [PATCH] Import Browser Router and sorrounded App.

---
 src/App.js   | 3 ++-
 src/index.js | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index 12ea2b4..5b6db7e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
 import { FirebaseConfig } from "./config/Config";
 import { initializeApp } from "firebase/app";
+import {Routes, Route} from "react-router-dom";
 
 import "react-bootstrap/Container"
 import "react-bootstrap/Navbar"
@@ -22,7 +23,7 @@ function App() {
             </Nav>
         </Container>
       </Navbar>
-        <h1>React App</h1>
+
         </div>
       );
   }
diff --git a/src/index.js b/src/index.js
index 286e81b..2c6cf99 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,11 +4,14 @@ import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
+import { BrowserRouter } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
+    <BrowserRouter>
     <App />
+    </BrowserRouter>
   </React.StrictMode>
 );