title: Debounce onChange
body: <p>I have a Material UI Textfield that contains an <code>onChange</code>.
  This <code>onChange</code>, takes the <code>event</code> and execute the function <code>handleOnChange</code>. With this current implementation, the function <code>handleOnChange</code> is executed every-time the <code>event</code> changes.</p>
  <p>It it possible to use <code>debounce</code> to execute the function only after 2000ms directly on the <code>event</code>?</p>
  <p><strong>My textfield</strong></p>
  <pre><code>&lt;TextField
    onChange={
      event =&gt;
        handleOnChange(
        event.target.value,
        firstValue,
        secondValue,                            
      )
  /&gt;
  </code></pre>
  <p><strong>My function</strong></p>
  <pre><code>const handleOnChange = (value, firstValue, secondValue) =&gt; {
    ...do something..
  }
  </code></pre>
  <p><strong>I tried</strong> the following, but <code>handleOnChange</code> still fires at every <code>event</code> change, not after 2000ms.</p>
  <pre><code>&lt;TextField
    onChange={
      event =&gt;
        _.debounce(handleOnChange(
        event.target.value,
        firstValue,
        secondValue,                            
      ), 2000)
  /&gt;
  </code></pre>