React18からFCに暗黙的にあったChildrenが無くなるって話

React 2022年7月5日

初めに

React17からReact18にプロジェクトを更新した際にchildren周りで大量にエラーが出ていたのでその解決策をメモとして書いておきます。

結論

自分で明記する

下のコードみたいに自分で明記することで解決できます

import { FC, ReactNode } from "react";

interface Props {
	children ReactNode
}

export const Test: FC<Props> = ({children}) => {
	return children
}

参考

タグ

yupix

yupix(ゆぴ)と申します。趣味でプログラミングをたしなんでいます。Pythonが一番好きで何の役にも立たないものとかを作ったりしてます。