title: React input color picker
body: <p>I don't understand, how the input color type works.</p>
  
  <p>I am trying to have a color picker and put the value into a state variable "color".</p>
  
  <pre><code>const [color, setColor] = useState(false);
  const colorPicker = () =&gt; {
      console.log("colorPicker", color.target);
      return(
          &lt;input type="color" value={color} onChange={setColor}/&gt;
      );
  }
  </code></pre>
  
  <p>But this gives me just a flood of javascript objects in the console and when I try to look into for instance color.target it throws an error:</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(). See
    https:// fb  dot me/react-event-pooling for more information.</p>
  </blockquote>