title: Set default value Field Array in Formik
body: <p>I'm using <a href="https://jaredpalmer.com/formik" rel="noreferrer">Formik</a> to build my form.</p>
  
  <p>My form has three text area and 1 select dropdown</p>
  
  <p>For select dropdown, I used <code>IssueSelect</code> (as a <code>FieldArray</code> in Formik).</p>
  
  <p>And <code>IssueSelect</code>, I used for both Create and Update Form.</p>
  
  <p>My component looks like this:</p>
  
  <pre><code>const IssueSelect = ({ values }) =&gt; (
  
  
  &lt;FieldArray
      name="issues"
      render={({ remove, insert, push }) =&gt; (
        &lt;div&gt;
          {values.issues &amp;&amp; values.issues.length &gt; 0 ? (
            values.issues.map((iselected, index) =&gt; (
              &lt;div key={uuidv1()}&gt;
                &lt;div&gt;
                  &lt;Field
                    value={iselected.id}
                    component="select"
                    name={`issues.${index}`}
                  &gt;
                    {issues.map(issue =&gt; (
                      &lt;option key={issue.id} value={issue.id}&gt;
                        {issue.name}
                      &lt;/option&gt;
                    ))}
                  &lt;/Field&gt;
                &lt;/div&gt;
  
                &lt;div&gt;
                  &lt;button onClick={() =&gt; remove(index)}&gt;
                    &lt;b&gt; - &lt;/b&gt;
                  &lt;/button&gt;
                  &lt;button onClick={() =&gt; insert(index, issues[0].id)}&gt;
                    &lt;b&gt; + &lt;/b&gt;
                  &lt;/button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            ))
          ) : (
            &lt;button onClick={() =&gt; push(issues[0].id)}&gt;
              &lt;b&gt; + &lt;/b&gt; Add new issue
            &lt;/button&gt;
          )}
        &lt;/div&gt;
      )}
    /&gt;
  );
  
  export default IssueSelect;
  </code></pre>
  
  <p>In Create Form, everything is work well.</p>
  
  <p>But Update Form, I passing initialValue to <code>IssueSelect</code> component, it showed correctly data that I've passed. But I cannot change the option in the select box.</p>
  
  <p>I've set default value by passing <code>value={iselected.id}</code>
  When I pass this props, In Create Form. It's doesn't work anymore.</p>
  
  <p>You can check my codesand box to see exactly what I mean:
  <a href="https://codesandbox.io/s/rr1o8x3ppq" rel="noreferrer">https://codesandbox.io/s/rr1o8x3ppq</a></p>
  
  <p>Thank You in Advance.</p>