React+TS環境で型結合を利用し、簡単にPropsの定義を行う方法
react/ComponentProps<T>を利用して指定したコンポーネントのPropsの型を取得できる
追加で定義したいフィールドを持った型を定義し、上記方法で取得した型と結合する。これで簡単にPropsを定義できる
code:button.tsx
// buttonのProps全てと子コンポーネントをフィールドに持つProps型を定義
type Props = {
children: ReactNode;
} & ComponentProps<'button'>;