);
};
-// Use PropTypes to validate the props passed to this component, ensuring reliable behavior.
-Single.propTypes = {
- // Although 'match' prop is defined here, it is not used in the component.
- // Consider removing or using it as needed.
- match: PropTypes.object
-};
+export default Single;
diff --git a/src/routes.jsx b/src/routes.jsx
index 0557df614..01f4679c3 100644
--- a/src/routes.jsx
+++ b/src/routes.jsx
@@ -1,30 +1,14 @@
-// Import necessary components and functions from react-router-dom.
-
-import {
- createBrowserRouter,
- createRoutesFromElements,
- Route,
-} from "react-router-dom";
-import { Layout } from "./pages/Layout";
-import { Home } from "./pages/Home";
-import { Single } from "./pages/Single";
-import { Demo } from "./pages/Demo";
+import React from "react";
+import { createBrowserRouter, createRoutesFromElements, Route } from "react-router-dom";
+import Layout from "./pages/Layout.jsx";
+import Home from "./pages/Home.jsx";
+import Single from "./pages/Single.jsx";
export const router = createBrowserRouter(
- createRoutesFromElements(
- // CreateRoutesFromElements function allows you to build route elements declaratively.
- // Create your routes here, if you want to keep the Navbar and Footer in all views, add your new routes inside the containing Route.
- // Root, on the contrary, create a sister Route, if you have doubts, try it!
- // Note: keep in mind that errorElement will be the default page when you don't get a route, customize that page to make your project more attractive.
- // Note: The child paths of the Layout element replace the Outlet component with the elements contained in the "element" attribute of these child paths.
-
- // Root Route: All navigation will start from here.
- } errorElement={
Not found!
} >
-
- {/* Nested Routes: Defines sub-routes within the BaseHome component. */}
- } />
- } /> {/* Dynamic route for single items */}
- } />
-
- )
-);
\ No newline at end of file
+ createRoutesFromElements(
+ } errorElement={