react-router-dom switch error

틀린점이 있다면 댓글로 알려주세요!

V6버전 이슈

최신버전 react-router-dom에서
Attempted import error: 'Switch' is not exported from 'react-router-dom'.
이라는 에러가 발생했다.

최신버전인 V6에선 아래와 같이 Switch가 Routes로 대체되었고 exact 또한 사용할 필요가 없다고 한다

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

function App() {
	return (
		<div className="App">
			<Router>
				<GlobalStyles />
				<Routes>
					<Route path="/"></Route>
				</Routes>
			</Router>
		</div>
	);
}

그래서 5.2버전으로 다운그레이드하거나 Routes로 바꿔서 사용해야된다

참조

스택오버플로우