React-Router-Dom v6 exact Error

김영진·2021년 11월 13일
0

알고보면 별거 아닌 오류로 온종일 시간을 쏟아 부은 적이 적잖이 있다.
다음부터는 이런 고생을 하지 않기 위해 기록을 해 놓아도 새로운 오류가 꼭 한 번씩 터지고.... 하 돌고 도는 개발의 길... 오류가 발생한 지점을 딱 짚어주면 얼마나 좋을까?

이번에 발생한 오류는 아래와 같다.

직역을 하자면 exact 속성에 대해 non-boolean이 아닌 true를 받았다. 뭐 이런 내용인데... 처음에는 exact가 잘못 쓰여졌나 싶어서 exact 속성 순서를 바꿔보고 true값이 제대로 안들어 갔는지 싶어서 exact={true}도 해보고 했는데 아무런 변화가 없어 이 문제가 아니다 싶다고 판단하면서 부터 헤멤이 시작되었다. 하루의 반을 이 오류를 해결하는데 쓰고 나니 더 이상 머리도 안돌아가고 다른 시각으로 보는 것이 필요하다고 판단하여 선생님께 질문하게 되었고, 너무 허무하게 해결할 수 있었다.

해결 방법은 React Training 사이트에 잘 나와 있다.
https://reacttraining.com/blog/react-router-v6-pre/

  • You don't need to use an exact prop on anymore. This is because all paths match exactly by default. If you want to match more of the URL because you have child routes (see the defined in the Users component above), use a trailing as in <Route path="users/">.

React-Router-Dom v6부터는 exact를 쓸 필요가 없다는 것...
무엇이든 오류가 나면 버전에 맞는 레퍼런스 문서부터 살펴보아야 한다는 것을 새삼 깨닫게 되는 시간이었다.
다른 분들은 부디 이 오류 하나 때문에 시간을 낭비하지 않으시길 바라며 기록을 남겨본다.

profile
UI개발자 in Hivelab

0개의 댓글