Ensure all components render under "/react-notes-mongodb" route

Author: tadanama

src/App.jsx

@@ -14,26 +14,24 @@ function App() {
 	return (
 		<>
 			<SearchContext.Provider value={{ search, setSearch }}>
-				<BrowserRouter>
-					<div className="container">
-						<Header />
-						<Routes>
-							<Route path="/" element={<NotesList />} />
+				<div className="container">
+					<Header />
+					<Routes>
+						<Route path="/" element={<NotesList />} />
 
-							<Route path={"/note"}>
-								<Route index element={<AddNoteForm />} />
-								<Route path=":noteId" element={<EditNoteForm />} />
-							</Route>
+						<Route path={"/note"}>
+							<Route index element={<AddNoteForm />} />
+							<Route path=":noteId" element={<EditNoteForm />} />
+						</Route>
 
-							<Route path="*" element={<h1>Page not found</h1>} />
-						</Routes>
-						{/* <Routes>
+						<Route path="*" element={<h1>Page not found</h1>} />
+					</Routes>
+					{/* <Routes>
 						<Route path="/" element={<NotesList/>}/>
 						<Route path="/add" element={<AddNoteForm/>}/>
 						<Route path="/edit/:id" element={<EditNoteForm/>}/>
 					</Routes> */}
-					</div>
-				</BrowserRouter>
+				</div>
 			</SearchContext.Provider>
 		</>
 	);

src/main.jsx

@@ -5,13 +5,18 @@ import App from "./App.jsx";
 import { Provider } from "react-redux";
 import { store } from "./app/store.js";
 import { getAllNotes } from "./features/notes/notesSlice.js";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
 
 store.dispatch(getAllNotes());
 
 createRoot(document.getElementById("root")).render(
 	<StrictMode>
 		<Provider store={store}>
-			<App />
+			<BrowserRouter>
+				<Routes>
+					<Route path="/react-notes-mongodb/*" element={<App />} />
+				</Routes>
+			</BrowserRouter>
 		</Provider>
 	</StrictMode>
 );