title: react-google-charts click event not working
body: <p><a href="https://github.com/RakanNimer/react-google-charts#listen-to-chart-events" rel="nofollow noreferrer">According to the documentation</a>, you can <code>Set the chart-specific events you want to listen to and the corresponding callback.</code> The example is given uses <code>select</code> which works fine (I've setup an example <a href="https://codesandbox.io/s/nwxzo17vz4" rel="nofollow noreferrer">here</a>. The problem comes when I try to use <em>any</em> other chart type.</p>
  
  <p>From the google charts documentation, for a <a href="https://developers.google.com/chart/interactive/docs/gallery/barchart" rel="nofollow noreferrer">bar chart</a>, I should be able to use a click event:
  <img src="https://user-images.githubusercontent.com/6392429/56428661-2e1c5e80-628e-11e9-8aeb-eadf88bea4fa.png" alt="Screen Shot 2019-04-19 at 10 30 25 AM"></p>
  
  <p>When I add a click event like so:</p>
  
  <pre><code>  {
      eventName: "click",
      callback({}) {
        console.log("clicked");
      }
    }
  </code></pre>
  
  <p>Nothing happens, but the select event still works. I've setup a code sandbox <a href="https://codesandbox.io/s/l9y2m671zq" rel="nofollow noreferrer">here</a> to demonstrate this behavior. This also happens for <a href="https://codesandbox.io/s/3128nzwqy5" rel="nofollow noreferrer">animationfinish</a>, <a href="https://codesandbox.io/s/m5jm1lmryp" rel="nofollow noreferrer">onmouseover</a>, and every other event I've checked.</p>