Reactコンポーネントの定義にFCではなくVFCを使う

• [RFC] React 18 and types-only breaking changes · Issue #46691 · DefinitelyTyped/DefinitelyTyped
  • [@types/react] add VoidFunctionComponent type which does not accept "children" by awmottaz · Pull Request #46643 · DefinitelyTyped/DefinitelyTyped
• https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/

簡単に言うと

• React.FCのpropsの型定義には暗黙的にchildrenが含まれてしまう
  • childrenが必要ないコンポーネントでもchildrenが渡せてしまう
  • パッと見ではそのコンポーネントにchildrenを渡すのかどうかが分からない
• 今後@types/reactの18以降ではReact.FCにchildrenは含まれなくなる予定（破壊的変更）
  • これを先取りして@types/reactの16.9.48からReact.VFC/React.VoidFunctionComponentが追加されており、こちらではchildrenが含まれない

ということで

• @types/react 18の時代を先取りし、基本的には全てをReact.VFCで定義して、childrenが必要なコンポーネントではpropsに明示的にchildrenを定義しましょう
• React.FCからchildrenが消えた暁にはReact.VFCは非推奨になるはずで、その時はVFCをFCに一括置換すれば問題ないはず

ということを会社のチーム内で話した。