[React] React Router - 'Switch' is not exported from 'react-router-dom'

React Router v6 변경사항: Switch → Routes

 

 

❌ 기존 코드 (v5)

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

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

 

 

✅ 변경 후 코드 (v6)

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

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

 

 

 

- Switch → Routes로 변경하고 component → element 사용

- JSX에서 함수 이름 그대로 사용하지 말고, <Component /> 형식으로 사용