I am working on a ReactJS project and need to set up custom paths for my routes. I want to define my own paths instead of relying on the default routes generated by React Router. What is the best way…
I attempted to use the react-router action and Form components, but it appears that the action function is not being invoked, and no errors are showing in the console. I have already implemented the Data router, exported the action function,…
So I want whenever the user presses on the contact text on my NavBar component to redirect the user in the HomePage to the specific Component Contact. I tried using Router DOM to redirect user to the component but it…
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",…