issue: radio buttons are not checked when "disabled" property is set about react-hook-form HOT 5 CLOSED

@screendriver Your issue is valid and this is happening because of this line
https://github.com/react-hook-form/react-hook-form/blob/master/src/logic/createFormControl.ts#L278
When the expression is evaluated as null the defaultValue is not picked.

I'll propose a fix

from react-hook-form.

can you use readOnly instead?

from react-hook-form.

Yes, but semantically there is a difference between readonly and disabled.

from react-hook-form.

why would you want to set an item that has been disabled, as it's been disabled?

from react-hook-form.

Sorry I don't fully understand the question. My use case is that I have two lists of radio buttons in a form. Both lists have initially checked the very first radio button in that list. All of them are enabled when the list of radio buttons are initially rendered. When one of the radio buttons, other than the first one, gets checked in list A we need to disable all radio buttons in list B, or when one of the radio buttons in list B gets selected we need to disable all radio buttons in list A.

So both lists are mutual exclusive to the application and can't be selected at the same time, except both lists have the very first item checked.

So visually it is something like this (x means it is checked)

[0 x] [1] [2] [3]
[0 x] [1] [2] [3]

Both 0 are initially checked and not disabled. But when one of these two rows gets checked, the other row needs to be disabled completely except the user checks 0 again.

from react-hook-form.