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="/">…
I created a react app, using viteJS. And I'm using the latest version of the react-router, I followed this tutorial. This app is working fine when I run local, but when deployed to the server I'm getting this error: Error:…
import "./app.css"; import Sidebar from "./components/sidebar/Sidebar"; import Topbar from "./components/topbar/Topbar"; import Home from "./pages/home/Home"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import UserList from "./pages/userList/UserList"; import User from "./pages/user/User"; import NewUser from "./pages/newUser/NewUser"; import ProductList from "./pages/productList/ProductList";…
I am currently struggling with refactoring my Auth on a React/Strapi Web App. The webapp in this first draft only provides some content, protected by a login. To realise the login I post credentials to my Strapi backend and want…