fix: 404 page

pure-js · Sep 26, 2023 · 4b2b3df · 4b2b3df
1 parent 62d0b17
commit 4b2b3df
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/index.jsx b/src/index.jsx
@@ -51,12 +51,12 @@ const router = createBrowserRouter(
             },
           ],
         },
-        {
-          path: '*',
-          element: <NoMatch />,
-        },
       ],
     },
+    {
+      path: '*',
+      element: <NoMatch />,
+    },
   ],
   {
     basename: import.meta.env.BASE_URL,

diff --git a/src/pages/[all].tsx b/src/pages/[all].tsx
@@ -1,7 +1,14 @@
+import {
+  useLocation
+} from "react-router-dom";
+
 function NoMatch() {
+  const location = useLocation();
+
   return (
     <div className="container mx-auto px-4">
       <h1 className="text-center mt-3">404</h1>
+      <p>No match for <code>{location.pathname}</code></p>
     </div>
   );
 }