[리액트 Error] Error: UseHref() May Be Used Only In The Context Of A Component.

React-router가 v6로 업데이트되면서 react-router-redux에서 쓸 수 있는 connected-react-router를 쓰려면 v4,v5를 설치했어야했다. 하지만 당연히 최신버젼도 지원이 될 거라고 생각하고 방법이 있을 거라고 생각하며 대략 한 시간 이상을 구글링으로 방법을 찾았다. ㅎㅎㅎ

그러면서 만난 오류. 터미널에는 오류가 뜨지 않지만 브라우저 화면에는 붉은 색화면이 …. ㅎ

 

 

Connected React Router란?

리덕스에서 주소를 변경 및 확인하기 위해 history 객체를 관리하며 필요에 의해 꺼내 쓸 수 있는 유용한 라이브러리다.

실제로 로그인, 회원가입 등의 액션을 관리하면서도 바로 페이지를 이동할 수 있게 도와줘서 굉장히 편하다.

한참을 v6 지원 방법이 없나를 헤매이다가 깃헙에 나와있는 걸 보고 알았다.

• 단방향 흐름을 통해 리덕스에서 router상태를 동기화 할 수 있다. (history객체 -> store-> router-> component)
• react Router 버전 v4, v5를 지원한다. 
• 함수형 컴포넌트를 지원한다. 
• redux-thunk나 redux-saga를 통해 히스토리 객체를 디스패치할 수 있다. 
• immutable.js를 지원한다. 
• TypeScript 를 지원한다.