title: Attempted import error: 'event' is not exported from 'd3'
body: <p>I am trying to add Event and tooltip on my React App using D3</p>
  <p>I am getting the following error</p>
  <p><strong>Attempted import error: 'events' is not exported from 'd3' (imported as 'd3').</strong>
  the d3 version is  &quot;d3&quot;: &quot;^6.2.0&quot;,
  it seems it is not able to find events from the library</p>
  <pre><code>import React, { Component } from 'react';
  import '../App.css';
  import * as d3 from 'd3';
  import ReactFauxDom from 'react-faux-dom';
  
  
          let toolTip = d3.select('body').append('div')
              .style('position', 'absolute')
              .style('background', '#cccccc')
              .style('opacity', '0')
              .style('padding', '10px')
              .style('border', '1px #000000 solid')
              .style('border-radius', '5px')
  
  
  
  .on('mouseover', (d) =&gt; {
                  tooltip.style('opacity', 1);
                  tooltip.html(d)
                      .style('left', (d3.events.pageX) + 'px')
                      .style('top', (d3.events.pageY) + 'px')
              })
              .on('mouseout', (d) =&gt; {
                  tooltip.style('opacity', 0);
              })
  </code></pre>