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

발견된 문제/에러

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

에러 로그

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

문제 원인

react-router-dom의 버전차이에 따라서 사용하는 명령어가 변경됌

해결 방법

v6미만: useHistory
v6이상: useNavigate

1) npm i react-router-dom@5.0.0 (버전 다운그레이드)

or

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

적용하고자하는 프로젝트에 react-router-dom의 버전이
v6이상이어서 나는 버전다운그레이드하여 useHistory를 그대로 사용하도록 해결했다.