title: Debugging React Hooks Rerender issue
body: <p>I've got a very simple hook that looks like this: </p>
  
  <pre><code>export const QuickViewCell = props =&gt; {
    const [hover, setHover] = useState(false)
  
    const handleMouseEvent = () =&gt; {
      console.log('calling')
      setHover(!hover)
    }
  
    console.log('hoverState', hover)
  
    return (
      &lt;Box onMouseEnter={handleMouseEvent} onMouseLeave={handleMouseEvent}&gt;
        &lt;Text size="small"&gt;
          {String(props.data.name)} this is my custom cell and it is amazing
        &lt;/Text&gt;
      &lt;/Box&gt;
    )
  </code></pre>
  
  <p>It works when placed in one part of the project, but doesn't when placed in another. Meaning, the <code>handleMouseEvent</code> function is always being called, but the component isn't re-rendering with the new state. React and React-Dom are at 16.8.1. I'm not getting any errors. I'm not sure where to look for the bug. </p>
  
  <p>If I change it to a class component using <code>setState</code>, it works fine, which makes me think I've got an incompatibility issue somewhere, but without an error message, not sure where to look. Or I'm missing something more obvious :)</p>
  
  <p>Anyone experience something like this? Is there a way to determine if there is an incompatibility with another package?</p>