Invariant failed: You should not use <NavLink> outside a <Router>

오류명: Invariant failed:You sholud not use <NavLink>outside a <Router>

리액트앱 테스팅 연습중에 이런 오류를 접하게 됬습니다.

 

스샷으로보면 이렇습니다.

 

오류원인

<App/> 콤포넌트를 테스트 중인데

<NavLink>를 <Router> 밖에서 사용하지 말라는군요

index.js 파일안에 리액트 라우터를 설치해둬서 이런 오류가 뜨는거 같습니다.

 

 

오류해결

2가지 방법이 떠오릅니다.

1. index.js 파일에 설치해둔 리액트 라우터를 App.js로 옮깁니다.

2. 테스트 파일안에다가 그냥 리액트라우터를 설치해주시면 됩니다.

저는 두번째 방법으로 오류를 제거해 보겠습니다.

초록색으로 밑줄친것들을 추가해주면 됩니다.

 

상황에 맞게 두가지방법중 하나를 택하면 될것같습니다.

 

감사합니다.

 

 

 

도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요!