Layer click event returns features in layers created from the same data source.

Nobody has claimed this yet.

**mapbox-gl-js version**: 2.2.0

**browser**: Chrome, Firefox and Edge

### Steps to Trigger Behavior

1. Creates two layers from a single data source.
2. Add click event on one layer.
3. Click on one feature of the layer. It will return two features.

### Link to Demonstration

https://jsbin.com/foseqejoca/edit?html,output

1. Click on [Add layers from same data source] button, then layers are created from same data source and added to the map.
2. Click on circle feature and check console. Two features are returned, even though you clicked single feature.
3. Click on [Add layers from different data source] button, then layers are created from different data source and added to the map.
4. Click on circle feature and check console. One features are returned.

### Expected Behavior

Return only one feature from clicked layer.

### Actual Behavior

Return two features from all layers created from same data source.

Reproduce the behavior using the linked JSBin by adding layers from the same data source and clicking a feature, then compare it with layers using different sources. Trace the click event's returned features and consider the issue done when clicking one layer returns only that layer's feature.

Written by the indexing model from the issue text.