defaultValues and dirty

[fde312]

Is there a way to make the defaultValues dirty with reset? I would need the prefilled inputs to be in dirtyFields of formState?

I know that you can do that also with setValue, but I want to set it before the inputs are registered

Thank you! :)

[Moshyfawn]

What about the keepDirty: true prop for the reset form method?
See this CSB

[fde312]

In your CSB, the ìsDiry state changes only after a manual input.

What I need is to have ìsDirty=true after the defaultValues are set, so without any user interaction.

[Moshyfawn]

If you only need the form state to be set to dirty (I'd imaging, you want something like "enable submit button on form isDirty"), you can do

useEffect(() => {
  setValue("name", "", { shouldDirty: true });
  reset(defaultValues, { keepDirty: true });
}, [setValue, reset]);

See this CSB

I don't think there's gonna be another "proper" way to do what you want, as formState.isDirty is RHF comparing the current form field values against their defaults.

[bluebill1049]

Thanks @Moshyfawn for the help. I think you can use keepDefaultValues: true, so the defaultValues will be remained and dirty check will be checked against new values and existing defaultValeus.

[Moshyfawn]

Ah, that's genius lol!

const { reset } = useForm({
  defaultValues: {
    name: ""
  }
})

useEffect(() => {
  reset({ name: "Bob" }, { keepDefaultValues: true })
}, [reset])

CSB example

[fde312]

that actually worked for me, thank you so much! :)