title: How can I get onHover to work for deck.gl MVTLayer?
body: <p>The deck.gl MVTLayer inherits from Layer that has onHover enabled which together with pickable should give interactivity. I am trying to get interactivity to work so I can do a popup with the data I hover. But in below code, I can get the onClick event to fire, but not the onHover event. what am I doing wrong</p>
  <p>Thanks :)</p>
  <pre><code>import React from &quot;react&quot;;
  import DeckGL from &quot;@deck.gl/react&quot;;
  import { MVTLayer } from &quot;@deck.gl/geo-layers&quot;;
  
  const INITIAL_VIEW_STATE = {
    longitude: -122.41669,
    latitude: 37.7853,
    zoom: 13,
    pitch: 0,
    bearing: 0
  };
  
  const layer = new MVTLayer({
    id: &quot;MVTLayer&quot;,
    data: [
      &quot;https://tiles-a.basemaps.cartocdn.com/vectortiles/carto.streets/v1/{z}/{x}/{y}.mvt&quot;
    ],
    stroked: false,
    getLineColor: [255, 0, 0],
    getFillColor: (f) =&gt; {
      switch (f.properties.layerName) {
        case &quot;poi&quot;:
          return [0, 0, 0];
        case &quot;water&quot;:
          return [120, 150, 180];
        case &quot;building&quot;:
          return [255, 0, 0];
        default:
          return [240, 240, 240];
      }
    },
    getPointRadius: 2,
    pointRadiusUnits: &quot;pixels&quot;,
    getLineWidth: (f) =&gt; {
      switch (f.properties.class) {
        case &quot;street&quot;:
          return 6;
        case &quot;motorway&quot;:
          return 10;
        default:
          return 1;
      }
    },
    maxZoom: 14,
    minZoom: 0,
    onHover: (info) =&gt; console.log(&quot;Hover&quot;, info.object),
    onClick: (info) =&gt; console.log(&quot;Click&quot;, info.object),
    pickable: true
  });
  
  export default function App() {
    return (
      &lt;DeckGL
        initialViewState={INITIAL_VIEW_STATE}
        controller={true}
        layers={[layer]}
      &gt;&lt;/DeckGL&gt;
    );
  }
  </code></pre>