Async Submit Validation Formik + Redux-Thunk

example-form.js

/*** The formik onSubmit ***/
onSubmit={(values, actions) => {
  createMember(values, token)
    .then(res => {
      console.log(res); // 'success'
      // Change route or something
    })
    .catch(err => {
      console.log(err); // 'failure'
      actions.setSubmitting(false);
    });
}}
// The button disabled when submitting
submitButton={isSubmitting => (
  <button disabled={isSubmitting}>Add Member</button>
)}


/*** THE ACTION DEFINITON ***/
export const createMember = (data) => dispatch => {
  dispatch({ type: actionTypes.CREATING_MEMBER }); // sets isCreatingMember true

  return model
    .post(data)
    .then(data => {
      dispatch(createdMember(data));
      return Promise.resolve('success'); // Return a resolved promise
    })
    .catch(err => {
      dispatch(createMemberFailure(err));
      return Promise.reject('failure'); // Return rejected promise, might return error message
    });
};

export const createdMember = member => dispatch => {
  console.log('created member', member);
  dispatch({ type: actionTypes.CREATED_MEMBER /*member: ...member*/ }); // Store the member
};
export const createMemberFailure = err => dispatch => {
  console.error('oops', err);
  dispatch({ type: actionTypes.CREATE_MEMBER_FAILURE }); // Set an error flag or message.
};