【TypeScript×React】childrenの受取を必須にしたい！もしくは拒否したい！

開発をするなかで、このコンポーネントにはchildrenが絶対必要って設定したい…！ってなるとき、たまにありませんか？

かなり簡潔ですが、以下のようにすればできます。

必ず受け取るとき

ReactNodeを指定します。

import { ReactNode } from 'react';

type Props = {
    name: string
    children: ReactNode
}

never型にしましょう。

type Props = {
    name: string
    children?: never
}