React/Typescript -路由器属性使用哪种类型以及如何从中获取查询值

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

interface MyComponentProps extends RouteComponentProps {}

class MyComponent extends React.Component<MyComponentProps> {
  componentDidMount() {
    const searchParams = new URLSearchParams(this.props.location.search);
    const queryValue = searchParams.get('query');
    console.log(queryValue);
  }

  render() {
    // 组件的渲染逻辑
  }
}

export default withRouter(MyComponent);