How to make an endless route? I have an unknown nesting, following which we need to display it in the route, for example Folder url.com/folder -Child 1 url.com/folder/child1 --Child 2 url.com/folder/child1/child2 ---Child 3 url.com/folder/child1/child2/child3 ---- Child 4 url.com/folder/child1/child2/child3/child4 ... <Route…
Hello dear stackoverflow users. First of all, thank you in advance for your help. I have a react application in this application, I check the user login process when going to the /admin page, if the user is not logged…
I am using react-router-dom version 6.11.2 for my front-end routing in my App.js file: import "./App.css"; import { Route, RouterProvider, createBrowserRouter, createRoutesFromElements, } from "react-router-dom"; import RootLayout from "./layouts/RootLayout"; import { UserContextProvider } from "./store/user-context"; import NotFound404 from "./components/Utility/NotFound404"; import…
Im trying to implement protected routes using react loader in react-router-dom. I have a loader attribute in my Route tag which calls a dummy requireAuth() function that checks if the route is authenticated. This function is present in a util…
I'm trying to create a simple application focused on React router. I would like that after clicking on the Login button(there will be a form for authentication in the component), the user will be redirected to the Menu page(Navigation component).…
In the React project, I am creating the admin dashboard and the UI area that users will see. I couldn't separate the admin theme from the PublicTheme. When I go to /admin/login as the URL, I still see the publicheader…
I would to for the URL in the adress bar to show "/login" when im in the login page. // App.js <Routes> {isLoggedIn ? ( <Route path="/" element={<Root onLogout={handleLogout} />}> <Route index element={<Topics />} /> <Route path="employees" element={<EmployeeList />} />…
What I'm aiming for is when I click the sign up button is that it would go to the component SignUp. But unfortunately it's not routing or functioning. App.js: import React from "react"; import "./styles/App.css"; import Homepage from "./pages/homepage"; import…
I keep getting the ReactRouterDOM error but I am following a tutorial and my professor is not getting this error (video may be outdated). index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Routing</title> <!-- Load Babel --> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head>…
I have multiple pages that have the navbar and the sidebar as component in my app.js and I have another page such as my login page that does not have this navbar and sidebar. How do I make the routing…