setSubmitting from props or redux state

Question?

Is it better to just not use Formik’s isSubmitting if this state is stored elsewhere (redux state).

Current Behavior

<Formik
...
onSubmit={(values) => {
    sendInvite(values.email);
}}

My handleSubmit calls a redux action and I’m selecting isSubmitting via the redux state.

Desired Behavior

<Formik
...
submitting={submitting}
formikWillReceiveProps={(props, nextProps, {setSubmitting}) => {
    if (props.submitting && !nextProps.submitting) {
        setSubmitting(false);
    }
}}/>

Additional Information

Is this https://github.com/jaredpalmer/formik/issues/401?

---

• Formik Version: 0.11.11

[dabrowne]

I’ve just started using Formik on a project with redux-saga and so far I’m ignoring the isSubmitting prop and using the request status from my redux store to control things like the spinner. Are there any caveats I should be aware of by ignoring the built in isSubmitting?

I agree that there should be a single source of truth for this piece of state, but in a redux app I don’t think that’s the responsibility of the UI code. Is there a recommended way for using externally supplied state to drive the Formik isSubmitting state?

[deanbot]

Thanks, I’ve resolved this. I usually call redux actions and not api services directly, but thankfully redux-thunk allows these actions to return a promise that I can use for toggling setSubmitting.