onMouseLeave in Layer component not firing

Hi there, the onMouseLeave callback on the Layer component is not working. Do you have a fix for that?

package.json

"mapbox-gl": "^1.0.0",
"react-mapbox-gl": "^4.2.3"

Component

import ReactMapboxGl, { Layer, Feature } from "react-mapbox-gl"

const mapShape = ...

let Map = false

// Gatsby specific config
if (typeof window !== `undefined`) {
  Map = ReactMapboxGl({
    accessToken: "..."
  })
}

const Mapbox = () => {

return (
 <>
   {Map &&
    <Map style="mapbox://styles/...">
      <Layer
         paint={{
            "fill-color": "#000",
            "fill-opacity": 1,
            "fill-outline-color": "#fff"
         }}
         onMouseEnter={() => console.log('I'm working fine')}
         onMouseLeave={() => console.log('I'm useless')}
       >
          <Feature coordinates={mapShape} />
      </Layer>
    </Map>
   }
  </>
 )
}

Let me know if you need more information.

Cheers Robin

[rsurgiewicz]

Confirmed in the latest one: 7.0.8 Actually it is not working for any onMouse… events for me

[AdriSolid]

Getting same behavior with the following versions: "mapbox-gl": "^1.6.1" "react-mapbox-gl": "^4.8.2"