react-router可以根据查询参数挂载组件吗？

import { BrowserRouter as Router, Route, Switch, useLocation } from 'react-router-dom';

function ComponentA() {
  return <div>Component A</div>;
}

function ComponentB() {
  return <div>Component B</div>;
}

function App() {
  const location = useLocation();
  const queryParams = new URLSearchParams(location.search);
  const type = queryParams.get('type');

  return (
    <Router>
      <Switch>
        <Route exact path="/">
          <div>Home Page</div>
        </Route>
        <Route path="/example">
          {type === 'a' && <ComponentA />}
          {type === 'b' && <ComponentB />}
        </Route>
      </Switch>
    </Router>
  );
}

export default App;