[React] export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom'

 

 

버전을 6 으로 했더니 사서 고생중이다.

withRouter가 버전6부터는 지원을 안한단다.....

 

withRouter란?
withRouter는 프로그래밍 방식으로 탐색할 수 있도록 기록에 대한 액세스를 제공하는 HOC를 제공하는데 사용됨

 

다운그레이 방법 (버전5)을 사용하거나 바뀐 버전에 맞춰서 코드를 바꿔야만 했는데.

 

 

다운그레이 방법은 아래와 같다.

npm install react-router-dom@5.2.0
npm install react-router@5.2.0

 

하지만 나는 고집쟁이.. 이게 회사였다면 회사가 사용하는 버전에 맞춰서 진행했겠지만

지금은 공부단계니까 앤간해선 버전 6에서 해결하고 싶었다.

버전 6부터는 Hooks와 함께 새로운 방식을 사용한다는데 그 방식이 useNavigate이다.

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

 

탐색하는 방법이 변경되지 않지만 API는 훨씬 간단해진다고 한다.

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

/* 중략 */

const navigate = useNavigate();

/* 중략 */

// user값이 잘 설정되었으면
navigate('/');

위와같이 이용해주면 일단 경로가 이동은 되나 Hook의 올바른 던지기 사용 방법이 아니라고 뜬다.

끙.... ( 해결중 ) 일단 화면이 넘어가니까 마저 구현하고 오류 수정을 하러 오던가 해야겠다

 

Invalid Hook Call Warning – React