React.FC と React.VFC の型定義

【検証】React.FC と React.VFC はべつに使わなくていい説

普段は Vue(Nuxt)を書いてるのでアレだけど、React.FC の型定義をするかどうかの話。

言われてみればこのサイトを作るときに React.FC みたいな型を明示的に指定していないのだけど、特に問題に感じていなかったので気にしたことがなかった……。

React.FC と React.VFC の話はちょっと前に話題になってたけど、v18 の話が出て VFC がお役御免になるかもという話はこの記事にもあった。

たしかに明示的に型を書くのであれば現状 VFC のほうが children の件でいいのかもしれないけど、v18 を見据えて VFC にしたけどまた戻しますみたいな作業をすることを考えるとあんまり良い手ではない気もする。

React を書く上で記事の例に出てきたようなreturn undefinedみたいなことを書くことはほぼないとは思うんだけど、万が一を考えてやっていきたい気持ちもあるので個人的には React.FC で定義するのがいいのかなあと思ったりした。

displayNameみたいなフィールドは存在すら知らなかったので面白かった。