'Switch' is not exported from 'react-router-dom'

react-router-dom 버전 6이후부터는 Switch가 Routes로 변경되었다.

// v5
<Switch>
   <Route exact path="/" >
     <DayList/>
   </Route>
   <Route path="/day"> 
      <Day/>
    </Route>
</Switch>

위와 같이 작성한 코드를 Routes를 사용하여 변경하면 아래와 같다.

// v6
<Routes>
  <Route path="/" element ={ <DayList/>}> </Route>
  <Route path="/day" element = {<Day/>}> </Route>
</Routes>

어떤 차이점이 있을까?

1. <Switch>에서 <Routes>로의 이름 변경
2. exact 생략
3. element 옵션추가
   <Routes> 태그의 하위에는 <Route>외의 다른 컴포넌트는 작성할 수 없다.
   컴포넌트는 element 옵션에 작성하자.