title: Default value doesn't work with react-select and Formik
body: <p>I have written code with react-select and Formik. I used <code>useField()</code> for select component, but when I tried to change the default value, I got empty selected value.</p>
  <pre><code>const SelectField = ({ name, ...selectProps }) =&gt; {
    const [field, meta, helpers] = useField(name)
  
    return (
      &lt;Select
        value={field.value}
        onChange={(v) =&gt; helpers.setValue(v)}
        onBlur={() =&gt; helpers.setTouched(true)}
        {...selectProps}
      /&gt;
    )
  }
  </code></pre>
  <p>then this is my implementation for that component</p>
  <pre><code>&lt;SelectField
  name=&quot;category&quot;
  defaultValue={values.category.map((c) =&gt; {
    console.log(c)
    return {
      value: c,
      label: c,
    }
  })}
  closeMenuOnSelect={false}
  components={animatedComponents}
  isMulti
  options={categories.map((c) =&gt; {
    return {
      value: c.name,
      label: c.name,
    }
  })}
  /&gt;
  </code></pre>
  <p><em>assume that values.category is some value from categories data.</em></p>