我用这样的路由器。
我从路由中获取“组件”，但ts抛出错误，在js中，没有错误。

import React from "react";
import { Route, Switch, useRouteMatch, withRouter } from "react-router-dom";
import type { MyRoute } from "./types";

const routes: MyRoute[] = [
  {
    path: "overview",
    Component: Index,
    title: "概览",
    name: "index",
    requireAuth: false,
  }
];

const MainRoute: React.FunctionComponent = () => {
  const match = useRouteMatch();
  const filter = (route: MyRoute): JSX.Element => {
    const { Component } = route;
    return (
      <Route
        key={route.path}
        path={`${match.path}/${route.path}`}
        exact
        render={(props) => {
          document.title = route.title;
          // throw error in this line:JSX element type 'Component' does not have any construct or call signatures.
          return <Component {...props} />;
        }}
      />
    );
  };
  return (
        <Switch>{routes.map(filter)}</Switch>);
};

export default withRouter(MainRoute);

出现错误：JSX element type 'Component' does not have any construct or call signatures.我如何修复它