[React] Attempted import error: 'useHistory' is not exported from 'react-router-dom'.

react

 

 

useHistory를 사용하려고 했다. 

import { useHistory } from "react-router-dom";

function NewMeet() {
	const history = useHistory()
}
export default NewMeet;

사용하기 위해서 react-router-dom을 설치하고 적용했더니 상단 사진과 같은 에러가 뜨면서 사용이 안되었다.

에러! 

Attempted import error: 'useHistory' is not exported from 'react-router-dom'.

 

해결방법

react-router-dom이 v5에서  v6이 되면서 useHistory가 사라졌다..! useNavigate로 수정해줘야한다! (공식문서)

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

function SignupForm() {
  let navigate = useNavigate();

  async function handleSubmit(event) {
    event.preventDefault();
    await submitForm(event.target);
    navigate("../success", { replace: true });
  }

  return <form onSubmit={handleSubmit}>{/* ... */}</form>;
}

 

조금 참고글