2022-01-21 TIL

export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' 문제 해결

react-router-dom v6로 업데이트되면서 더 이상 Switch를 지원하지 않아서 생기는 문제라고 한다.

v6의 변경사항

1. Switch는 Routes로 변경됌
2. exact는 사용하지않음
3. component 옵션이 element로 변경

// v5 버전
<Switch>
  <Route exact path='/'>
    <DayList />
  </Route>
  <Route path='/day'>
    <Day />
  </Route>
</Switch>

// v6 버전
<Routes>
  <Route path='/'>
      <DayList />
  </Route>
  <Route path='/day'>
	  <Day />
  </Route>
</Routes>

✨ 참고
https://miracleground.tistory.com/entry/Error-Switch-is-not-exported-from-react-router-dom-%ED%95%B4%EA%B2%B0

https://velog.io/@kcdoggo/Switch-is-not-exported-from-react-router-dom-%EC%97%90%EB%9F%AC