reactjs - 映射路由器的属性数组时要指定什么类型？

Question

我为路线创建了一组属性

const routes: RouteProps[] = [
  {
    path: '/',
    exact: true,
    component: Main,
  },
];

并创建了一个单独的路由切换组件

const Routes: FunctionComponent = (): JSX.Element => {
  return (
    <Switch>
      {
        routes.map((props: RouteProps, idx: number) => <Router key={idx} {...props} />)
      }
    </Switch>
  );
};

但我收到一个错误：
错误：（10、57）TS2769：没有重载匹配此调用。
Overload 1 of 2, '(props: Readonly): Router', 给出了以下错误。
类型“{ 位置？：位置 | ”中缺少属性“历史” 不明确的; 组件？：组件类，任何> | 功能组件> | 组件类<...> | 函数组件<...> | 不明确的; ... 6 更多 ...; 键：数字；}' 但在“只读”类型中是必需的。
Overload 2 of 2, '(props: RouterProps, context?: any): Router'，给出了以下错误。
类型“{ 位置？：位置 | ”中缺少属性“历史” 不明确的; 组件？：组件类，任何> | 功能组件> | 组件类<...> | 函数组件<...> | 不明确的; ... 6 更多 ...; 钥匙：数字; }' 但在“只读”类型中是必需的。