Import Browser Router and sorrounded App.

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>
       );
   }

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>
 );