title: How to push new FieldArray from outside render function?
body: <p>I have this code to push new <code>FieldArray</code> every time I click the button, but it is only applicable inside <code>renderContract FieldArray</code> component.</p>
  
  <pre><code>const renderContact = ({ fields, meta: { error } }) =&gt; (
      &lt;div&gt;
      {fields.map((contact, index) =&gt; (
        &lt;div key={index}&gt;
          &lt;div className="row form-pad"&gt;
            &lt;div className="col-md-3"&gt;
              &lt;span&gt;Country Code {index + 1}:&lt;span className="requiredField text-danger"&gt; * &lt;/span&gt;: &lt;/span&gt;
            &lt;/div&gt;
            &lt;div className="col-md-7"&gt;
              &lt;Field name={`${contact}.landlineCountryCode`}  component={renderField}type="text"/&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      ))}
      &lt;button className="btn btn-primary"  onClick={() =&gt; fields.push({})}&gt;
        Add Contact
      &lt;/button&gt;
    &lt;/div&gt;
  )
  </code></pre>
  
  <p>and render it like this on parent form component:</p>
  
  <pre><code>&lt;FieldArray name="contact" component={renderContact} /&gt;
  </code></pre>
  
  <p>How can I use <code>fields.push({})</code> outside fieldArray?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I tried this but to no avail:</p>
  
  <pre><code>&lt;button type="button" onClick={() =&gt; props.dispatch(arrayPush('PersonalInfoForm', 'contact', [{}]))}&gt; Add Contact&lt;/button&gt;
  </code></pre>