The intended way to disable all fields when form is submitting

[mwskwong]

With the introduction of disabled in useForm, it is possible to disable the entire form with:

useForm({ disabled: true })

However, the "form is submitting" state seems to be best to be tracked with formState.isSubmitting and obviously, this does NOT work

const { formState } = useForm({ disabled: formState.isSubmitting })

So am I better off having a separate disabled state as illustrated in https://github.com/react-hook-form/react-hook-form/releases/tag/v7.48.0?

Or should I simply set the disabled prop of every Controller?

const { formState } = useForm({ disabled: formState.isSubmitting })

<Controller disabled={formState.isSubmitting} />
<Controller disabled={formState.isSubmitting} />
<Controller disabled={formState.isSubmitting} />

[mwskwong]

bump
Related question: https://github.com/orgs/react-hook-form/discussions/11057

[HasanMothaffar]

+1. Setting the disabled prop in all controllers is unwieldy.

Maybe we could have a field disabledWhileSubmitting: boolean?

[HasanMothaffar]

@bluebill1049