[Feat] Support New Mapbox GL JS Interactions API (v3.9.0+)

[oisinlavery-renewhome]

Target Use Case

Mapbox GL JS v3.9+ adds a new Interactions API (map.addInteraction() / map.removeInteraction()) for handling events declaratively on layers, featuresets, or the whole map.

This would remove the map.on/off boilerplate and make interactions reactive with props/state.

Proposal

It’d be great if react-map-gl exposed a simple component/hook for this, e.g.:

<Interaction
  type="click"
  target={{ layerId: 'my-layer' }}
  onEvent={(e) => console.log(e.feature)}
/>

[NitayMG]

it seems that no one is here anymore :( I opened bug issue that the map crash when zoom in...and I talk with mapbox dev team and they fix it...and I post here the version with the fix and still nothing here...

[oisinlavery-renewhome]

@NitayMG — I guess it might be better to start using the Mapbox API directly if this library is not supported. It would be good to hear from an admin if this is the case.

[oisinlavery-renewhome]

@Pessimistress can you speak to the plan for this library going forward?