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

react-router-dom 버전이 5에서 6으로 업데이트되면서 예전에 쓰던 함수들이 안써지는 경우 두번째

 

 

useHistory 는 useNavigate로 바꼈다.

react-router-dom v5

import {useHistory} from 'react-router-dom';
const history = useHistory();
history.push('/home')

 

 

react-router-dom v6

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