issue: There is no way to completely reset the form to its original state

[putnikproj]

Version Number

7.43.9

Codesandbox/Expo snack

https://codesandbox.io/s/react-hook-form-reset-bug-2ycpw5?file=/src/index.tsx

Steps to reproduce

1. Open up the Codesandbox reproduction link
2. Fill out the form and make sure that usual 'mode' is working to validate fields
3. Submit the form. Note that the 'Submit count' became 1
4. Type in one letter in the 'First name' field and delete this letter from the 'First name'
5. Make sure that 'reValidateMode' is used to validate fields.

Expected behaviour

In react-hook-form there is a method called 'reset'. It is meant to fully reset a form to its initial state. There are even some configuration options, like 'keepIsSubmitted' and others. However, this method doesn't completely reset the form and this form continues to be submitted. As a result, 'submit count' stays as '1' and 'reValidateMode' is used to validate fields instead of the regular 'mode'. But I want the form to behave as if it has never been submitted.

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Edge

Relevant log output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[putnikproj]

I found the solution! This is not a bug, there is a correct solution. Only the 4th solution I've tried actually works out. Here is a codesandbox link: https://codesandbox.io/s/react-hook-form-reset-bug-resolved-lfp4w3?file=/src/index.tsx.

In a nutshell, you should use useEffect + isSubmitSuccessful formState flag to completely reset the form:

const form = useForm();
const {
  // ...
  reset,
  formState: { isSubmitSuccessful }
} = form;
React.useEffect(() => {
  if (isSubmitSuccessful) {
    reset();
  }
}, [isSubmitSuccessful, reset]);