I have a gallery, that opens individual images in a carousel. Unfortunately, I can't make it respond to URL path changes. const { signatura } = useParams(); const selectedPhotoIndex = useSelector(selectSelectedPhotoIndex); console.log(selectedPhotoIndex); const photos = useSelector(selectPhotos); useEffect(() => { const…
I want to redirect to '/login' in axios interceptor while handling error. My code: import axios from "axios"; import { redirect } from "react-router-dom"; export const instance = axios.create() instance.interceptors.request.use( ... other code ); instance.interceptors.response.use( (response) => { return response;…
We are using React-Router-DOM v6.19.0 and there are two you can find below. <Route path="/route1/*" element={<RouteOneList />} /> <Route path="/route1/:one/:two/:three" element={<RouteAnother />} /> and in RouteOneList it has sub routes <Route path="/add/:type/:id" element={<AddComponent />} /> Here I am trying to…
const navigate = useNavigate(); navigate(-1) This is what I am trying to do. However, I want to know what the previous page is before going back. If the previous page is some other site, then of course, it should have…
I'm facing a challenging issue in my React-Admin application. When I try to use the useNavigate() hook within my custom login component (MyLoginPage), I'm getting the following error: [Route] is not a <Route> component. All component children of <Routes> must…
In React-Router-Dom 6 I am using useRoutes and so I build a route object. I have a route where I want the top of the route to have a layout, and then different outlets based on the param. So for…
I've been going through some other threads but have not found an answer to help me out. I'm building a very simple E-commerce website. The router has been working fine until I get to a route like "localhost:3000/shop/1" or "localhost:3000/shop/2",…
I have a React frontend. The code follows below. My problem is that I need to get route information outside <Routes>, in navigation menu and I can't use useParams(). On the other hand, I tried to move <Routes> outside <NavMenu>…
I am trying to redirect user after successful login. I did it this way but it does not work. How can I fix this issue or how can I do it correctly? main.jsx Login.jsx imports ... function Login() { const…
I have two sets of routes defined in different files. I want them both to be appended to the same path. There is no overlap in the route names. e.g. const EditRoutes = () => <Routes> <Route path=":id/edit" element={<EditPage />}…