如果特定动态页面在react中不可用，如何重定向到404

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

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/dynamic/:id" component={DynamicPage} />
        <Route path="/404" component={NotFound} />
        <Redirect to="/404" />
      </Switch>
    </Router>
  );
};

const DynamicPage = ({ match }) => {
  const { id } = match.params;

  // 判断特定条件，例如根据id查询数据是否存在
  const isPageAvailable = checkPageAvailability(id);

  if (!isPageAvailable) {
    return <Redirect to="/404" />;
  }

  // 页面可用时渲染正常内容
  return <div>Dynamic Page {id}</div>;
};

const NotFound = () => {
  return <div>404 Not Found</div>;
};

export default App;