Open hendrul opened 5 years ago
I noticed when the isSubmitting
is set back to false
(after submit), the Persist
component doesn't seem trigger a component update. I tried checking the comparison in componentDidUpdate to see if the isEqual
check might be returning wrong result, but that doesn't seem to be the case.
While trying to fix this, I realised formik-persist is built with an old version of formik (1.x). I tried upgrading to formik 2.x but couldn't get it to work the same way.
Anyhow, in the meantime, I used this as a workaround
{!isSubmitting && <Persist name="form-id" />}
Does the job for me. It might do for you too, but I let you be the judge
The {!isSubmitting && <Persist name="form-id" />}
workaround didn't work for me.
A better workaround for this (in my case at least) is to call setFieldValue()
without parameters after calling setSubmitting(false)
to force the new value of isSubmitting to be persisted.
I was finally able to clear isSubmitting: true
by calling window.localStorage.removeItem("form-id")
in the onSubmit along with using {!isSubmitting && <Persist name="form-id" />}
If I go back to a persisted form isSubmitting is true https://codesandbox.io/embed/recursing-hodgkin-bcyvp