Property 'name' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Message> & Readonly<{}> & Readonly<{ children?: ReactNode; }>' in typescript react code example

Example: reach router path typescript error

import React, { FunctionComponent } from "react";
import { RouteComponentProps } from "@reach/router";

type Props = { component: FunctionComponent } & RouteComponentProps;

const Route: FunctionComponent<Props> = ({ component: Component, ...rest }) => (
  <Component {...rest} />
);

export default Route;