Formik: `isSubmitting` always true

[Andreyco]

Current Behavior

After form is submitted, isSubmitting is not set to false

Steps to Reproduce

Submit form

Expected behavior

isSubmitting should be set to false

CodeSandbox Link:
https://codesandbox.io/s/vqjmnkvjn7

Note

This should be already fixed in #736, this issue is a placeholder so that I don't forget about it

---

• Formik Version: 1.0.0-beta.4

[jaredpalmer]

Will cut a release

[jaredpalmer]

Fixed in beta.5

[Andreyco]

Awesome!

[kerwynrg]

Still an issue
Formik Version: 1.4.2

[ckreiling]

+1 here, seeing the same issue

Formik version: 1.4.0

[Badbreaddead]

+1 here, seeing the same issue

Formik version: 1.5.0

[stephane-r]

Same on last version

[jaredpalmer]

????? https://codesandbox.io/s/5238o7633l

[ls-chloe-schoreisz]

+1 still an issue. Had to add a prop to check if errors were returned

[ahtashamabbasse]

+1 still an issue Hotfix

onSubmit={(values, actions) => {
        setTimeout(() => {
          alert(JSON.stringify(values));
          // you have to clean up 
          actions.setSubmitting(false);
        }, 500);
      }}

[johnrom]

@ahtashamabbasse setSubmitting(false) is required when not using async/promises. If you don't want to use setSubmitting, you can return a promise or use an async function. Without this requirement, Formik would never know when your timeout was complete, and would setSubmitting(false) immediately.

<Formik onSubmit={values => 
    new Promise(resolve => 
        setTimeout(() => {
            alert(JSON.stringify(values));
            resolve();
        }, 500);
} />

[dpikt]

This seems like a surprising default- I would've expected it to set isSubmitting to false immediately if supplying a synchronous function.

[johnrom]

@dpikt agreed, should probably change it in a future major version. It seems like a backwards compatibility thing.

[adarshaacharya]

Still problem in version 2.1.4.

It works when I use async await.

  onSubmit={async values => {
        await new Promise(resolve => setTimeout(resolve, 500));
        console.log(values)
      }}

but doesn't work on callback.

      onSubmit={values => {
        setTimeout(() => {
          console.log(values)
        }, 500);
      }}