From 45f64f3c8d9dfa4fd02ee30ad6f58123560285a6 Mon Sep 17 00:00:00 2001
From: EvanLin3141 <evan.lin.3.141@gmail.com>
Date: Sun, 16 Feb 2025 22:03:35 +0000
Subject: [PATCH] FIX: Issue where 404 does not show up

I.e with /users it shows /404
However with /users/hello it does not show 404
---
 frontend/src/App.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 331682e..3559c41 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { AuthContext } from "./context/AuthContext";
 import { StreamsProvider } from "./context/StreamsContext";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
 import HomePage from "./pages/HomePage";
 import StreamerRoute from "./components/Stream/StreamerRoute";
 import NotFoundPage from "./pages/NotFoundPage";
@@ -49,7 +49,8 @@ function App() {
             <Route path="/category" element={<CategoriesPage />}></Route>
             <Route path="/results" element={<FoundPage />}></Route>
             <Route path="/404" element={<NotFoundPage />} />
-          </Routes>
+            <Route path="*" element={<Navigate to="/404" replace />} />
+            </Routes>
         </BrowserRouter>
       </StreamsProvider>
     </AuthContext.Provider>