ReactRouterでSwitchが使えなくなった

react-router-domがバージョン6になってから従来のSwitchが使えなくなったが、代わりにRoutesを使えばよい。

function App() {
  return(
    <BrowserRouter>
      <Routes>
        <Route path="login" element={<Login />} />
        <Route path="about" element={<About />} />
        <Route path="/" element={<TopPage/>} />
      </Routes>
    </BrowserRouter>
  );
}

ちょっとの修正で対処できるのにあえてバージョン5を使い続ける必要はない。