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로 바꿔서 사용해야된다

참조

스택오버플로우