[React.JS] Error: Invariant failed: You should not use <Switch> outside a <Router> 해결 방법

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

오류 : 불변 실패 : <라우터> 외부에서 <스위치>를 사용해서는 안됩니다.

 

음.. 이 오류가 발생한 이유는 <BrowserRouter> 태그로 전체를 감싸주지 않았기 때문이다.

감싸주면 아래처럼 원하는 페이지를 확인할 수 있게 된다.

 

에러 코드

 Error: Invariant failed: You should not use outside a invariant D:/Program/dev/Portfolio/voca/node_modules/tiny-invariant/dist/tiny-invariant.esm.js:10 render/< D:/Program/dev/Portfolio/modules/Switch.js:17 14 | return ( 15 | 16 | {context => { > 17 | invariant(context, "You should not use outside a "); | ^ 18 | 19 | const location = this.props.location || context.location; 20 | This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error. Click the 'X' or hit ESC to dismiss this message.