title: React final form - Unable to pass function to oChange prop
body: <p>I have a  in a form using react final form. I'm trying to pass the value of the current input to a function thats used when the field value changes. However when I type, it's taking no input.</p>
  <pre><code> &lt;Field name=&quot;myField&quot;&gt;
       {({ input, meta }) =&gt; (
           &lt;div&gt;
               &lt;TextField
                   type=&quot;text&quot;
                   name={input.name}
                   value={input.value}
                   onChange={() =&gt;
                       handleChange(input.value)
                   }
                   label=&quot;Title&quot;
               /&gt;
           &lt;/div&gt;
        )}
  
  &lt;/Field&gt;
  </code></pre>
  <p>I have a function handleChange above the render method. All I want to do is console the current value, and use a setState hook to update a state variable.</p>
  <pre><code>function handleChange(item: string) {
      setTitle(item);
      console.log(item);
    }
  </code></pre>
  <p>What am I doing wrong?</p>