fix (routes): redirect to home in case of no path match

johnlime · Mar 20, 2022 · a7e7182 · a7e7182
1 parent f3eb275
commit a7e7182
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/App.js b/src/App.js
@@ -10,6 +10,7 @@ import {
   BrowserRouter as Router,
   Route,
   Routes,
+  Navigate
 } from "react-router-dom";
 import ScrollToTop from "./components/ScrollToTop";
 import "./style.css";
@@ -34,11 +35,11 @@ function App() {
         <Navbar />
         <ScrollToTop />
         <Routes>
-          <Route path="/" exact element={<Home />} />
-          <Route path="/project" exact element={<Projects />} />
-          <Route path="/about" exact element={<About />} />
-          <Route path="/resume" exact element={<Resume />} />
-          <Route path="*" element={<Home />} />
+          <Route path="/" element={<Home />} />
+          <Route path="/project" element={<Projects />} />
+          <Route path="/about" element={<About />} />
+          <Route path="/resume" element={<Resume />} />
+          <Route path="*" element={<Navigate to="/"/>} />
         </Routes>
         <Footer />
       </div>