#31 [ Router ] React Router

src/routers/3.Route Specificity/NotFound.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const NotFound = () => {
+  return (
+    <>
+      <h2>Page Not Found</h2>
+    </>
+  );
+};
+
+export default NotFound;

src/routers/Main.js

@@ -7,6 +7,7 @@ import { Link, Route, Routes } from 'react-router-dom';
 import Home from './2.Dynamic Routes/Home';
 import About from './2.Dynamic Routes/About';
 import Detail from './2.Dynamic Routes/Detail';
+import NotFound from './3.Route Specificity/NotFound';
 
 const Main = () => {
   return (
@@ -29,6 +30,7 @@ const Main = () => {
             <Route path="/" element={<Home />} />
             <Route path="/about" element={<About />} />
             <Route path="/detail/:id" element={<Detail />} />
+            <Route path="*" element={<NotFound />} />
           </Routes>
         </div>
       </React.Fragment>