title: How to add OnHover props on deck.gl?
body: <p>So I'm trying to visualize data using mapbox and deck.gl. I want to have some kind of hovering effect, but the onHover property doesn't run on the boundary layer</p>
  
  <p>Source of geojson data : <a href="https://data.cityofnewyork.us/City-Government/Borough-Boundaries/tqmj-j8zm" rel="nofollow noreferrer">https://data.cityofnewyork.us/City-Government/Borough-Boundaries/tqmj-j8zm</a></p>
  
  <pre class="lang-js prettyprint-override"><code>import boundaries from "./borough-boundaries.json";
  
  import { Deck } from "@deck.gl/core";
  import { ScatterplotLayer, GeoJsonLayer } from "@deck.gl/layers";
  import { MapboxLayer } from "@deck.gl/mapbox";
  
  var mapboxgl = require("mapbox-gl/dist/mapbox-gl.js");
  
  let map;
  
  const MAPBOX_ACCESS_TOKEN =
      "&lt;mapbox-token&gt;";
  
  const MAPBOX_STYLE = "&lt;mapbox-style&gt;";
  
  function initMap() {
      mapboxgl.accessToken = MAPBOX_ACCESS_TOKEN;
      map = new mapboxgl.Map({
          center: [-73.715638255, 40.73577180300003],
          zoom: 10,
          container: "map",
          style: MAPBOX_STYLE
      });
  }
  const deckLayers = () =&gt;
      new Deck({
          gl: map.painter.context.gl,
          pickable: true,
          layers: [],
          onHover: () =&gt; {
              console.log("Test");//Working
          }
      });
  const boroughLayer = color =&gt;
      new GeoJsonLayer({
          data: boundaries,
          pickable: true,
          getFillColor: color,
          onHover: () =&gt; {
              console.log("Test 2");//Doesn't working
          }
      });
  
  initMap();
  
  const deck = deckLayers();
  map.on("load", () =&gt; {
      map.addLayer(new MapboxLayer({ id: "mapbox-layer", deck }));
      deck.setProps({ layers: [boroughLayer([255, 255, 255, 0])] });
  });
  
  </code></pre>