[react-router-dom] export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

에러 export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

 

react-router-dom이 버전 6로 업그레이드되면서, Switch를 더이상 지원하지 않는다. 

Switch -> routes로,  component -> element로 변경됨.

기존

<Router>
	<Switch>
        <Route path='/' component={Counter} exact />
        <Route path='/market' component={Market} exact />
	</Switch>
</Router>

 

위와 같이 쓰던 것을

 

아래와 같이 쓰면 된다.

<BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="users/*" element={<Users />} />
      </Routes>
</BrowserRouter>