export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'

react-router-dom v6에서 오류가 발생했다. 

// 소스 코드 
import { useHistory } from "react-router-dom"; 

// 오류 발생
export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'

 

// react-router-dom v5
import { useHistory } from "react-router-dom"

const Profile = () => {

  const history = useHistory();
  
  const onLogOutClick = () => {
    history.push("/");
  }
};

 

useHistory -> Navigate로 변경

// react-router-dom v6
import { Navigate, useNavigate } from "react-router-dom";

const Profile = () => {

  const hitory = useNavigate();
  
  const onLogOutClick = () => {
    history("/");
  }
};