How do I go back one page and refresh it using useNavigate?

Question

I want to go back one page and refresh it because I need a list to be updated and it doesn't do it when I'm just using the navigate(-1)

Code for example:

import { useNavigate } from 'react-router-dom';
    
function YourApp() {
  const navigate = useNavigate();

  return (
    <>
      <button onClick={() => navigate(-1)}>go back</button>
    </>
  );
}

Answer 1

You can set location to useEffect array:

const location = useLocation();

useEffect(() => {
    // your code
  }, [..., location, ...]);