I have a similar structure as the one below in my project, currently using react-router-dom v5. Let's call this <Routes /> component: <Switch> <Redirect from="/" to="/some/path" /> <Redirect from="/main" to="/some/path" /> <Route path="/main" component={SomePage} /> </Switch> And inside <SomePage />,…
I have installed latest react router dom and in package.js its showing "react-router-dom": "^7.0.2".and when i check npm -v react-router-dom its showing 10.9.0. And in my code import React from "react"; import ReactDOM from "react-dom"; import Header from "./components/Header"; import…
How do we manage the behaviour of useParams How it triggers in before or after useEffect import react,{useEffect} from 'react' import {useParams} from 'react-router-dom' export default Slip(){ const {slug} = useParams() useEffect(() => { // In my application role of…
I'm trying to submit & redirect in React using useCallback but I'm not using the hook properly. What's the pattern for saving data and then redirecting? const onSubmit = useCallback((data: FacilityEntity) => { saveFacility(data); useNavigate().navigate('/facilities', { replace: true }) },…
i am using the useNavigate in my middleWare.js to redirect the user to '/' but i am gettin this error saying "useNavigate() may be used only in the context of a component" i also tried using window.location.href instead of navigate…
I'm building an e-commerce page using React that includes various options stored in state, such as sortBy, itemsPerPage, and several interdependent categories. I want these state values to also be reflected in the URL as search parameters. I'm using React-Router's…
I'm trying to route to a component based on a condition and it does it, but only if I refresh the page. I've had to add forceUpdate() to get it to work, but that is killing performance. Maybe this is…
I am displaying data fetched from API in table, which has inputs as fields to edit the data. It has multiple data records fetched via API , post changes of the record I want to update the changes done by…
I write an SPA using the React library. I want to load some data from the backend using the REST API, and if the REST request returns an http 403 status to redirect the user to the sign-in page. The…
Is there a conlict between react-router-dom actions and useForm? For example, I'm exploring an Authentication form from mantine. I want to leverage react-router-dom actions. When I replace form with Form from react-router-dom and trigger the action by clicking Register nothing…