title: How to get mouse X position of a mouse event of a div (and not of its children) with React 17?
body: <p>I have a simple snippet where I attach a <code>onMouseMove</code> listener to a given div:</p>
  <pre><code>&lt;div onMouseMove={handleMouseMove}&gt;
      &lt;div&gt;A&lt;/div&gt;
      &lt;div&gt;B&lt;/div&gt;
      &lt;div&gt;C&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I want to know the X position of the mouse pointer within the parent div where I attached the mouse listener to. However, the event seems to only contain references to the children divs (as <code>target</code>), and the root (as <code>currentTarget</code>).</p>
  <p>The event's <code>nativeEvent</code> property also is not helping it seems.</p>
  <p>I'm on React 17. I think this is making it harder as previously the <code>currentTarget</code> would point to that div where I placed the listener to, but on React 17 these listeners to the root.</p>
  <p>How can I get the coordinates within the div I attached the listener to?</p>
  <p>Thanks!</p>