1. useNavigate

• 사용 용도
  • 이전 또는 다음 페이지로 이동
  • 사용자를 특정 Url

1) 설치

• React Router 설치
  npm install history@5 react-router-dom@6

2) import

• React Router에서 useNaviget를 import
  import { useNavigate } from 'react-router';

3) useNavigate() 함수

• useNavigate() 함수를 변수에 할당
  let navigate = useNavigate();

4) 변수를 통해 페이지 이동

navigate('/home')

예) 다른 페이지로 리디렉션

function Redirect() {
  let navigate = useNavigate();
  function handleClick() {
    navigate('/home')
  }
  return (
    <div>
      <button onClick={handleClick}>go home</button>
    </div>
  );
}

• 버튼을 누르면 /home 페이지로 이동

예) 이전 페이지로 리디렉션

function Redirect() {
  let navigate = useNavigate();
  function handleClick() {
    navigate(-1)
  }
  return (
    <div>
      <button onClick={handleClick}>go home</button>
    </div>
  );
}

예) 다음 페이지로 리디렉션

function Redirect() {
  let navigate = useNavigate();
  function handleClick() {
    navigate(1)
  }
  return (
    <div>
      <button onClick={handleClick}>go home</button>
    </div>
  );

해당 내용은 다음 자료를 참고했습니다.
https://intrepidgeeks.com/tutorial/usenavigate-tutorial