React_useHistory/useNavigate

React 로그인로그아웃 기능 구현 강좌를 따라하다가

다음과 같은 오류를 만났다.

'useHistory' is not exported from 'react-router-dom'

구글링하여 찾아낸 해결법.

react-router-dom V6에서 useHistory()는 useNavigate()로 대체되어 Navigate로 변경했더니 잘 작동 된다!

**변경전

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

    const history = useHistory();

        props.history.push("/login")

 

**변경후

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

    const navigate = useNavigate();

            navigate("/login")