title: synthetic event error is occured when trying to access form data
body: <p>i have the following code in my component of react</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  
  function CreateArea() {
    var [items,setitems]=useState({title:{},content:&quot;&quot;});
  
    function updatef(event){
      console.log(event);
    }
    return (
      &lt;div&gt;
        &lt;form&gt;
          &lt;input name=&quot;title&quot; onChange={updatef} placeholder=&quot;Title&quot; /&gt;
          &lt;textarea name=&quot;content&quot; onChange={updatef} placeholder=&quot;Take a note...&quot; rows=&quot;3&quot; /&gt;
          &lt;button&gt;Add&lt;/button&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    );
  }
  
  export default CreateArea;
  </code></pre>
  <p>As you can see i am trying to trigger updatef function if user is typing in the input box and textarea but i am getting the following warning</p>
  <blockquote>
  <p>Warning: This synthetic event is reused for performance reasons. If
  you're seeing this, you're accessing the property <code>target</code> on a
  released/nullified synthetic event. This is set to null. If you must
  keep the original synthetic event around, use event.persist().</p>
  </blockquote>
  <p>also my event.target is coming as null
  I want to access the input and text area values and store them but event.target is being set to null</p>
  <p>any help?</p>