How to manipulate event bubbling when registering click event upon a layer in mapbox gl js

Question

How can I stop event propagation on layer click events?

mapBox.on('click', layerId, function (e) {
    console.log(e);
    // e.stopPropagation(); which is not working 
    // e.originalEvent.stopPropagation(); which is not working 
    var popupHtml = getPopupHtmlWrapper(e.features[0]);
    new mapboxgl.Popup({closeButton:false})
        .setLngLat(e.lngLat)
        .setHTML(popupHtml)
        .addTo(mapBox);
});

Answer 1

Per the suggestion by @Stophface, I used

e => {
  const features = map.queryRenderedFeatures(e.point)
  if (features[0].layer.id === myLayerName ) {
    doMyClickAction(e)
  }
}

so as to only do something with the event when the layer I care about in this instance is the first one that is clicked.