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…
I am trying to use styled-components with NavLink from react-router-dom@6. import styled from "styled-components"; import { NavLink as BaseNavLink } from "react-router-dom"; export const StyledNavLink = styled(BaseNavLink)``; and then use above StyledNavLink like below <Styled.StyledNavLink className={({ isActive }:any) => (isActive…
I'm adopting react-router-dom for a production app and I'm wondering if it makes sense to switch all of the links for internal routes (for example on our navbar, etc.) from the native a tag to the Link tag provided by…
I want to define my routes like below but at path "/" of the app, my Home component doesn't mount. function App() { const router = createBrowserRouter([ { element: <RootLayout />, errorElement: <ErrorPage />, children: [ { path: "/", element:…
I am having trouble using the EXACT property for my routes, I am using React 18 import { BrowserRouter, Route } from 'react-router-dom'; import Landing from './pages/Landing' import FanbaseMap from './pages/FanbaseMap' function Routes() { return ( <BrowserRouter> <Route exact path="/">…