move isSubmitting state update after valid form

src/__tests__/useForm/formState.test.tsx

@@ -496,6 +496,38 @@ describe('formState', () => {
     expect(await screen.findByText('valid')).toBeVisible();
   });
 
+  it('should remind isSubmitting when form is invalid', async () => {
+    const submittingState: boolean[] = [];
+
+    function App() {
+      const {
+        register,
+        formState: { isSubmitting },
+        handleSubmit,
+      } = useForm();
+
+      submittingState.push(isSubmitting);
+
+      return (
+        <form onSubmit={handleSubmit(() => {})}>
+          <input
+            {...register('value', { required: true })}
+            defaultValue="Any default value!"
+          />
+          <button>Submit</button>
+        </form>
+      );
+    }
+
+    render(<App />);
+
+    await actComponent(async () => {
+      fireEvent.click(screen.getByRole('button'));
+    });
+
+    expect(submittingState).toEqual([false, false]);
+  });
+
   describe('when defaultValue supplied', () => {
     it('should update isValid to true for validation with inline defaultValue', async () => {
       function App() {

src/logic/createFormControl.ts

@@ -1023,10 +1023,6 @@ export function createFormControl<
       let hasNoPromiseError = true;
       let fieldValues: any = cloneObject(_formValues);
 
-      _subjects.state.next({
-        isSubmitting: true,
-      });
-
       try {
         if (_options.resolver) {
           const { errors, values } = await _executeSchema();
@@ -1054,6 +1050,10 @@ export function createFormControl<
               _names.mount,
             );
         }
+
+        _subjects.state.next({
+          isSubmitting: true,
+        });
       } catch (err) {
         hasNoPromiseError = false;
         throw err;