React error 해결법: TS2305: Module '"react-router-dom"' has no exported member 'Switch'.

에러 발생

React 로 개발중 Switch 사용시 아래와 같은 에러가 발생할 때가 있다.

import { BrowserRouter, Route, Switch } from 'react-router-dom';
<BrowserRouter>
	<Switch>
          <Route path="/" element={<MainPage />} />
 	</Switch>
</BrowserRouter>

TS2305: Module '"react-router-dom"' has no exported member 'Switch'.

 

원인

react-router-dom 의 버전이 v6 대에서 Switch 에서 Routes 로 변경되어 발생한다.

 

해결법

Routes 를 사용한다.

import { BrowserRouter, Route, Routes } from 'react-router-dom';

<BrowserRouter>
	<Routes>
          <Route path="/" element={<MainPage />} />
 	</Routes>
</BrowserRouter>