I'm trying to implement a redirect based on a property passed to a component nested deep within my route hierarchy. Right now I know 2 options how to do it. const MyComponent = ({ variable }: { ...

I want to use react-router-rom and can we still use react-router-dom V5 in today's date? since it support custom route components, while react-router-dom V6+ has strict rules to use Route & Routes....

I have a app where I am using JWT authentication. When I enter the details and click on the register button, the backend API correctly returns the token but in my console the token stays only for some ...

I need to define user pages (Home, Cows, Reports, …) once and make them accessible to AppUser + Admin under "/" with UserLayout, and also accessible to Admin under "/admin/user/*" ...

I'm using react-persist in my application. When I click to add a product to my basket and then want to navigate to my basket page, how do I pass the basket data to the fetch function in the loader ...

I'm trying to incorporate React Router into my Firefox browser extension to be able to display different pages in the extension's popup window. However, I keep getting the warning, You should call ...

I'm having issues configuring react-router-dom with nested routes loaded by sub-modules. In my application I need to dynamically load modules that have their own nested routes. One of the requirement ...

The reactJS client has left pane for menu and right for content. The react-route-dom 7.6.3 is used to create route in App.js as below: const router = createBrowserRouter([ { path: "/...

I currently have a React Router v7 application running in SPA mode. I wanted to make an API route that uses a clientAction to submit data to an endpoint. If I use the useSubmit hook, I can ...

I'm trying to migrate an existing React/Vite app (currently using React Router v7, along with redux, rtk-query, and redux-persist) to use React Router v7 in Framework mode. I'm hitting an error when ...

I have problem with my React app, using Vite and React-Router v7, in framework mode, ssr: false. When using dev mode, all styles are being applied correctly (I'm using moduled SCSS, and one global app....

I'm using React Router v7 with BrowserRouter and need to navigate back multiple steps in browser history, then replace the resulting route atomically. My current approach causes a race condition where ...

I just want to redirect one path to another. If I have something like this in my routes.ts: export default [ index("Home.tsx"), route("/about", "About.tsx"), ] ...

In react-router, there is a hook to retrieve path parameters, for example "/users/:id" where the code can access the id value. In this example :id is a slug for a path parameter, and within ...

Routes.ts import { type RouteConfig, index, route, layout } from "@react-router/dev/routes"; export default [ layout("layouts/main_layout.tsx", [ route("...