V7: formState.isDirty is not set to true onChange if value is watched

Describe the bug In v7 in a form with only one input the formState.isDirty will not be true when the input is changed if you are watching the form value. It will become true once the input is blurred, however this is not good if the save button is disabled when !form.isDirty as it prevents the user from submitting the form unless they have blurred the input.

If you remove the watch on the form value it works as expected

To Reproduce Create a form with a single input and set the submit button to be disabled if !formState.isDirty

1. Watch a field with something similar to what is below or in the codeSandbox

function Form(){
  const { register, formState, watch } = useForm()
  const { isDirty } = formState

  const name = watch('name')
  return <form>
    <input type='text' {...register('name')} />
    <button type='submit' disabled={!isDirty}>Save</button>
  </form>
}

1. Change the field value
2. The submit button will be disabled when it should be enabled

Codesandbox link (Required) https://codesandbox.io/s/react-hook-form-useform-template-forked-rpm8c?file=/src/index.js

[tombburnell]

You want to set the shouldDirty flag to true in the third options argument of setValue.

You can learn more at RHF setValue method docs

setValue('name', 'value', { shouldDirty: true })

Brilliant thanks, that works! thanks for the pointer in the docs too.

[Moshyfawn]

You want to set the shouldDirty flag to true in the third options argument of setValue.

You can learn more at RHF setValue method docs

setValue('name', 'value', { shouldDirty: true })