title: Using debouncer with React event
body: <p>I have an <code>onchange</code> event for a field that needs to be debounced, I'm using underscore for that, however when I use the debouncer the event that is passed to the React handler appears to be out of date.</p>
  
  <pre><code>&lt;div className='input-field'&gt;
    &lt;input onChange={_.debounce(this.uriChangeHandler.bind(this), 500)} id='source_uri' type='text' name='source_uri' autofocus required /&gt;
    &lt;label htmlFor='source_uri'&gt;Website Link&lt;/label&gt;
  &lt;/div&gt;
  
  uriChangeHandler(event) {
      event.preventDefault();
      let uriField = $(event.target);
      let uri = uriField.val();
      this.setState({
          itemCreateError: null,
          loading: true
      });
      this.loadUriMetaData(uri, uriField);
  }
  </code></pre>
  
  <p>I'm getting this error: </p>
  
  <p>Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're calling preventDefault on a released/nullified synthetic event. This is a no-op. See https&zwj;://fb&zwj;.me/react-event-pooling for more information.</p>
  
  <p>Using the <code>onchange</code> without the debouncer works fine.</p>