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…
I've got a project using react-router v6. I have this code : <Route exact path="planning" element={<PageNotFound />}> <Route path="individual" element={<IndividualPlanning />} /> <Route path="team" element={<TeamPlanning />} /> </Route> Which is not working at all. When I visit /planning/individual I fallback…
Alright guys, so I have a login token (JWT) returned from an API login endpoint which will expire after 3 hours. I'm able to save this login token as a cookie after successful login from my auth page. However, the…
I have a component in which I want to create an object or to edit an object, basically I have the same path, it only depends if it got an id or not, but lately the react-router-dom doesn't allow me…