How to go back to previous route in react-router-dom v6

Question

On early versions we can go back to previous route using history.

history.goBack()

How I can achieve that with v6 of react-router-dom?

Answer 1

Try this approach

import { useNavigate } from 'react-router-dom';

function YourApp() {
  const navigate = useNavigate();

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