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…
I am new to react-router. I've set some data as JSON data in the public folder and shown some of them using the slice function and wanted to show more data on click the "see more" button. I've done the…
There is a navigation and search component in a separate npm package. These components are imported into the project in which react-router-dom is installed. I would like to use a component from react-router-dom called Link in the navigation component, as…
Although I think I have defined the Route elements properly, I cannot access elements from my browser. It always gives "No routes matched location.." warning. The only Route that works is <Route path='*' element={<Home />} />. I have spent hours…