Create PageNotFound.jsx

src/pages/PageNotFound/PageNotFound.jsx

@@ -0,0 +1,10 @@
+import Background from "../../components/background/background.jsx";
+
+export default function PageNotFound() {
+
+    return <Background>
+
+        <h1>404</h1>
+
+    </Background>
+}

src/router.js

@@ -9,6 +9,7 @@ import ProfilePage from "./pages/Profile/ProfilePage";
 import EventsPage from "./pages/Events/EventsPage.jsx";
 import ValidationErrorPage from "./pages/waitValidationPage/ValidationErrorPage.jsx";
 import VolunteerProfilePage from "./pages/VolunteerProfile/VolunteerProfilePage.jsx";
+import PageNotFound from "./pages/PageNotFound/PageNotFound.jsx";
 
 const router = createBrowserRouter([
     {
@@ -23,6 +24,10 @@ const router = createBrowserRouter([
         path: "/error/validation",
         Component: ValidationErrorPage
     },
+    {
+        path: "/*",
+        Component: PageNotFound,
+    },
     {
         path: "/",
         Component: Layout,