forward Routing

This project uses react-router v6 as its base routing system. You can find all project's routes configuration in the src/App.js file. If you want to define a new route to the project, you can follow the steps below:

1. Import your react component into src/App.js file.
const newComponent = lazy(() => import("../pages/NewPage"));
Note: Lazy loading is a great way to improve the performance of your React application. By loading components on-demand, you can avoid wasting time and resources on components that the user may never even see.
2. Use the Route component to define your new route.
<Route ...props> </Route>
3. Specify the path and component props for the Route component.
<Route exact path="/new-url" > </Route>
4. Add the new Route component to the project's root Routes component.
<Routes> <Route exact path="/new-url" element={ <newComponent />} > </Route> </Routes>