[React + TypeScript] Reactで特定のコンポーネントのPropsの型を取り出す方法

下記のようにReact.ComponentPropsを使用する。

interface Props {
  name: string
  age: number
}

const Component: React.FC<Props> = props => <div />

interface CustomizedComponentProps extends React.ComponentProps<typeof Component> {
  location: string
}
/**
 * 下記のようになる
 * interface CustomizedCommponentProps {
 *   name: string;
 *   age: number;
 *   location: string
 * }
 */

参考

Typescript React: Access component property types