型定義でReact.FCにchildrenの暗黙的型定義が含まれていたが、
React.js 18 以降 childrenの暗黙的型定義が外された。
ではchildrenの型はどのように指定するか?
children: React.ReactNode という感じで、 React.ReactNodeと、型定義する。
import React from 'react';
interface props {
children: React.ReactNode;
}
const Text:React.FC<props> = ({ children }) => {
return (
<p>{ children }</p>
)
}