title: Passing a 'label' prop into Formik <Field /> when using alongside Material UI <TextField />
body: <p>I'm building a form using Formik and Material UI.</p>
  
  <p>I'm leveraging the Formik  component the following way :</p>
  
  <p>My Input component :</p>
  
  <pre class="lang-js prettyprint-override"><code>const Input = ({ field, form: { errors } }) =&gt; {
    const errorMessage = getIn(errors, field.name);
    return &lt;TextField {...field} /&gt;;
  };
  </code></pre>
  
  <p>And down into my rendered form, here's how I do it :</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Field
    component={Input}
    name={`patients[${index}].firstName`}
  /&gt;
  </code></pre>
  
  <p>The problem is that Material UI uses a label prop to display label on an input field so the label should be a prop passed to .
  It works if I "hard-code" it into my "Input" component which defeats the purpose of using a reusable comp.</p>
  
  <p>So that works but inconvenient :</p>
  
  <pre><code>const Input = ({ field, form: { errors } }) =&gt; {
    console.log(field.label);
    const errorMessage = getIn(errors, field.name);
    return &lt;TextField {...field} label="first name" /&gt;;
  };
  </code></pre>
  
  <p>What I hoped for was using it one level above such as :</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Field
    component={Input}
    name={`patients[${index}].firstName`}
    label="first name"
  /&gt;
  </code></pre>
  
  <p>but the above doesn't work as "label" is not recognised as a prop by Formik (or that's how I understand it but I might be wrong).</p>
  
  <p>Has anyone come across that issue ?</p>
  
  <p>I know I could use my "name" value as a label but it's not great UX as it would leave me with a label such as "patients[0].firstName" aha</p>