Action creator is called but action is not dispatched
<p>I have a component that successfully uses redux-form onSubmit to call an action creator. The creator performs an ajax call but the the action is never dispatched to save it to the store. I must have something messed up in the wiring of react-redux and redux-form, possibly in the binding of the action creator. I have read everything that I have found on Google and still can't find the problem. Any ideas? ( I have included redux-promise to handle the request promise, but it never makes it that far )</p>

<pre><code>import React from 'react';
import { Field, reduxForm } from 'redux-form';
import validate from '../utils/add_person_validation';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { addPersonResponseAction } from '../actions/index';
import renderField from '../components/render_input_field';

// call the action creator - this part succeeds 
const doSubmit = function(values) {
  addPersonResponseAction(values);
};


let AddPersonContainer = (props) =&gt; {
  const {
    handleSubmit,
    pristine,
    reset,
    submitting
  } = props;


  return (
    &lt;div className="row"&gt;
      &lt;form onSubmit={handleSubmit(doSubmit)} &gt;
          &lt;div className="col-sm-6"&gt;
              &lt;fieldset&gt;
                &lt;legend&gt;Person Info&lt;/legend&gt;
                &lt;div className="form-group"&gt;
                  &lt;Field name="personFirstName" component={renderField} type="text" label="First Name" className="form-control" /&gt;
                  &lt;Field name="personLastName" component={renderField} type="text" label="Last Name" className="form-control" /&gt;
                  &lt;Field name="birthday" component={renderField} type="date" label="Birthday" className="form-control" /&gt;
                  &lt;Field name="group" component={renderField} type="text" label="Group" className="form-control" /&gt;
                &lt;/div&gt;
              &lt;/fieldset&gt;
          &lt;/div&gt;
          &lt;div className="form-buttons-container"&gt;
            &lt;button className="btn btn-default form-button" type="submit" disabled={pristine || submitting}&gt;Submit&lt;/button&gt;
            &lt;button className="btn btn-default form-button" type="button" disabled={pristine || submitting} onClick={reset}&gt;Clear Values&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt; 
  );
};


const mapStateToProps = function({ addPersonResponse }) {
  return { addPersonResponse };
};

const mapDispatchToProps = function(dispatch) {
  return bindActionCreators( {addPersonResponseAction}, dispatch);
};

const form = reduxForm({ form: 'addPerson', validate: validate });

AddPersonContainer = connect(mapStateToProps, mapDispatchToProps)(form(AddPersonContainer));

export default AddPersonContainer;

/********************************************
* Action creator
**********************************************/

import axios from 'axios';

export const ADD_PERSON_RESPONSE = 'ADD_PERSON_RESPONSE';

export const addPersonResponseAction = (data) =&gt; {

  const postURL = 'http://some-url/addperson';
  const request = axios.post(postURL, { data });

  return {
    type: ADD_PERSON_RESPONSE,
    payload: request
  };

};
</code></pre>