title: How to add a Clear Button on a Formik Textfield
body: <p>I want to add a Clear Button as a convenience to users:</p>
  
  <pre><code>constructor(props) {
      this.emailInput = React.createRef();
  }
  
  &lt;Field label="Email" name="email" ref={this.emailInput} onChange={onChange} component={TextField}/&gt;
  </code></pre>
  
  <p>But get this:</p>
  
  <p><code>Warning: Function components cannot be given refs. Attempts to access this ref will fail.</code></p>