title: React Redux Form: form is submiting with old values
body: <p>I have a FieldArray in Redux Form that I push objects inside this array and right after that I have a callback to trigger a function to make a POST request.  </p>
  
  <p>When I submit the form I get the old values, because the push() method of the Redux Form is an async dispach from redux.</p>
  
  <pre><code>// Parent component
  &lt;FieldArray
       name="myObjects"
       component={ChildComponent}
       onSubmitObjects={this.onSubmit} /&gt;
  
  // Function
  onSubmit = async () =&gt; {
      const { getFormValues } = this.props;
  
      const data = {
          myObjects: getFormValues.myObjects
      }
  
      try {
          // const contact = await Service.updateUser(data);
  
      } catch (e) {
          console.log(e)
      }
  }
  </code></pre>
  
  <p>I need to submit the form with the new values added in the array right after the push method.</p>
  
  <pre><code>// Function inside ChildComponent
  addNewObject = () =&gt; {
          const { fields, onSubmitObjects} = this.props;
  
          fields.push({
              number: 1,
              name: 'Foo',
          });
  
          if (onSubmitObjects) {
              onSubmitObjects(); // cb() to trigger a function in the parent component
          }
      }
  </code></pre>
  
  <p>Is there a way to call the callback with the new values right after the push method?</p>