[error] Attempted import error: 'Switch' is not exported from 'react-router-dom'

원래는 Switch를 사용해 이렇게 작성했었지만, Switch가 export되지 않아 사용할 수 없었기 때문에

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


        <Switch>
              <Route path="/home" component={Home} />
            </Switch>
            
            

Switch 대신 Routes를 사용해 감싸주었다. 대신 component가 아닌 element를, {Home} 이 아닌 {<Home/>}과 같은 방식으로 표기해주어야 한다.

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


         <Routes>
              <Route path="/home" element={ <Home />} />
            </Routes>

Reference

• https://stackoverflow.com/questions/63124161/attempted-import-error-switch-is-not-exported-from-react-router-dom?rq=1