Is there a way to programatically set the isDirty state to false or reset validation for all fields?

[arturhenryy]

I want the user to be able to have no validation errors for required fields when the fields are ALL empty, so he can proceed to next form without entering data. This works fine when the user has not touched to form yet. But once a required input has been touched and entered in some data, and then delete this data again it stays dirty and shows the validation error for required. So what i first tried was using the reset method like this:

useEffect(() => {
      const subscription = watch((value) => {

        const isAllRequiredFieldsAreEmpty = checkGenericFormDataIfAllRequiredValuesEmpty(value)


        if (isAllRequiredFieldsAreEmpty) {

          reset()

        }

      })

      return () => subscription.unsubscribe()

    }, [watch, reset])

however this seems to have no effect on the validation errors unfortunately.