Is there a way to reset a form back to using "mode" instead of "reValidateMode"?

[patorjk]

I'm building a wizard. It's one form and the next button does a submit - verifying inputs before moving to the next step. The validation works as expected for the first step, but subsequent steps start in reValidateMode. Is there a way to reset the form to be back in "mode"?

One solution would be to set reValidateMode to "onSubmit", but I like the behavior of reValidateMode after Next is pressed if there are problems on the step. I just don't want to be in "reValidateMode" for every step after the first step.

Another option I saw is to use "trigger", but that seems functionally equivalent to setting mode and reValidateMode to onChange, since validation errors found with trigger clear based on "mode" (if the form is unsubmitted).

[patorjk]

For anyone who finds this who is running into the same problem - I found a workaround, but it's kind of a hack. If you set the delayError prop on useForm to something really high, you'll wind up getting the effect you want. The inputs on the following steps won't show an error, and errors will disappear on errored inputs after you change them.

It would still be nice to have the ability to reset the mode though. I know react-hook-form has an example wizard that uses multiple forms, but it doesn't work well for situations where the "Next" and "Previous" buttons are outside of the form.