RHFのController

例

code:ts

<Controller<{ hoge: Hoge | null }, 'hoge'> // ここで型を指定

// control={control} FormProviderを使っているなら省略可

name="test"

render={({ field: { onChange, onBlur, value, ref }}) => (

<Checkbox

onBlur={onBlur}

onChange={onChange}

checked={value}

inputRef={ref}

/>

)}

/>

しかし、この型の指定の仕方をすると、filedの名前が固定してしまう