title: Initial values in Formik aren't showing
body: <p>I have created a separate component in which it will render a card with form inside it. I used Formik API to handle it. This is my code.</p>
  <hr />
  <pre><code>function ParentComponent(){
      return (
          &lt;View&gt;
              &lt;ChildComponent someDataFromApi={details}/&gt;
          &lt;/View
      )
  }
  </code></pre>
  <hr />
  <pre><code>import { Formik } from &quot;formik&quot;;
  import * as Yup from &quot;yup&quot;;
  
  function ChildComponent(){
  const someSchema={
      firstName: Yup.string().required().label(&quot;First Name&quot;),
      lastName: Yup.string().required().label(&quot;Last Name&quot;),
  }
  return (
     &lt;Formik
         initialValues={first_name: details.first_name, last_name: details.last_name, }
         validationSchema={someSchema}
         onSubmit={(values) =&gt; console.log(values)}
     &gt;
         &lt;Field label={&quot;First Name&quot;} name=&quot;firstName&quot;&gt;
         &lt;Field label={&quot;Last Name&quot;} name=&quot;lastName&quot;&gt;
     &lt;/Formik&gt;
  }
  </code></pre>
  <hr />
  <p>I don't know why it doesn't show the initialValues for the fields, I tried console logging it and it returns correct values means it already catches the data from initialValues, it just doesn't show it in the field.</p>