如何在react和typescript中使用和传递routeprops？

interface MyRouteProps extends RouteComponentProps {
  // 自定义的属性
  customProp: string;
}

import { withRouter, RouteComponentProps } from 'react-router-dom';

interface MyRouteProps extends RouteComponentProps {
  // 自定义的属性
  customProp: string;
}

class MyComponent extends React.Component<MyRouteProps> {
  // ...
}

export default withRouter(MyComponent);

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

const App = () => {
  return (
    <Router>
      <Route
        path="/my-route"
        render={(props: MyRouteProps) => (
          <MyComponent {...props} customProp="custom value" />
        )}
      />
    </Router>
  );
}

export default App;