add location.replace() api ?

[vaynevayne]

// App.tsx
useEffect(()=> {   fetchSomeData()   },[])

const doLogin = ()=> {
location.replace('/') // fetchSomeData is reinvoke, it's expected

}

[brophdawg11]

This is possible via useNavigate: https://reactrouter.com/en/main/hooks/use-navigate#optionsreplace

let navigate = useNavigate();
React.useEffect(() => fetchSomeData(),[])
const doLogin = () => {
  navigate('/', { replace: true });
}

[vaynevayne]

no, fetchSomeData doesn't re-execute.

[brophdawg11]

That's because you gave it an empty dependency array and told React never to re-execute it 😉 . If you want it to re-run on location changes then you need to add the location key as a dependency:

let location = useLocation();
let navigate = useNavigate();
React.useEffect(() => fetchSomeData(),[location.key])
const doLogin = () => {
  navigate('/', { replace: true });
}