Not found page added

Author: nirnejak

src/main.tsx

@@ -10,6 +10,7 @@ import LineChartPage from "./pages/line"
 import ChoroplethPage from "./pages/geo"
 
 import "./main.css"
+import NotFound from "./pages/404"
 
 const router = createBrowserRouter([
   {
@@ -32,6 +33,10 @@ const router = createBrowserRouter([
     path: "/geo/",
     element: <ChoroplethPage />,
   },
+  {
+    path: "*",
+    element: <NotFound />,
+  },
 ])
 
 ReactDOM.createRoot(document.getElementById("root")!).render(

src/pages/404.tsx

@@ -0,0 +1,16 @@
+import * as React from "react"
+
+interface Props {}
+
+const NotFound: React.FC<Props> = () => {
+  return (
+    <div className="h-screen grid place-content-center text-center">
+      <div className="bg-neutral-950 p-5">
+        <h1 className="font-semibold text-xl mb-1">Not Found</h1>
+        <p>the page you're looking for doesn't exists.</p>
+      </div>
+    </div>
+  )
+}
+
+export default NotFound