Cannot change the radio button value (ANTD)

[kaisiant]

Hello, the react hook form's magic does not help me change the radio button correctly but it gets the event :(
Should I use register instead of controller?

https://codesandbox.io/s/kind-glitter-vj9u1?fontsize=14&hidenavigation=1&theme=dark

[kaisiant]

Found the ans through this link https://codesandbox.io/s/react-hook-form-v6-controller-qsd8r

<Controller
control={control}
name="AntdRadio"
render={({ onChange, value }) => (
<Radio.Group value={value} onChange={e => onChange(e.target.value)}>
A
B
C
D
</Radio.Group>
)}
/>

[PotatoEater0127]

An even cleaner solution would be inserting the field prop, instead of explicitly assigning value and onChange

<Controller
  control={control}
  name="AntdRadio"
  render={({ field }) => (
    <Radio.Group {...field}>
      <Radio>A</Radio>
      <Radio>B</Radio>
      <Radio>C</Radio>
   </Radio.Group>
  )}
/>