react-router-dom 이슈 (21.11.07)

개요

• CRA React 프로젝트를 만들던 중 react-router-dom을 기존 사용방법으로 실행이 되지 않는 현상이 발생하였다.

1. Route의 exact, component props 사용 불가.
2. Switch 사용불가.

환경

• node.js v14.18.1

추정

• 잘 작동되는 기존의 다른 프로젝트에 react-router-dom 라이브러리를 확인 한 결과 서로 버전이 맞지 않는 것을 확인.
• 잘 되는 버전은 5.x 이고 오류가 나는 것은 6.x 인 것으로 보아 버전업을 하며 사용법이 달라진 것으로 추정한다.

해결

• npm i react-router-dom@5.* @types/react-router-dom@5.* 명령어 실행.
• 바로 해결되었다.

추가

• 찾아보니 v6 버전에 대한 내용은 상당히 전부터 있었다.
• 바뀐 내용은 하단 내용에 첨부하였다.

내용 참고 : react-router v6에서는 어떤것들이 변했을까??