프로젝트 진행중 useHistory(useNavigate) 오류

프로젝트를 진행하던중 사진과 같은 오류가 발생하며 내 뇌를 정지시켯다.
분명 위에서 import useHistory도 해줬는데 왜 오류가 난것일까?

약 20분동안 삽질하며 찾아본 결과 react_router_dom의 6버전을 사용하고 있는 경우 useHistory가 지원이 안되고 대신 useNavigate로 대체 된다는 글을 발견했다.

두가지 해결방법으로 react_router_dom을 5버전으로 낮춰서 useHistory를 사용하던지 6버전을 사용해서 useNavigate를 사용하던지 해야한다.

뭔가 나만 몰랐던 사실 같아서 조금 부끄러웠다.

정리 )

v6미만: useHistory 사용
v6이상: useNavigate 사용

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