Symbol keeps appearing and disappearing

[ddm50]

I've been testing layers, and they've been working great. But for some reason, whenever I click on a layer, specifically a symbol, some symbols nearby will start disappearing and appearing again, several of them at once. This is noticeable. It can be far away ones or close ones, typically both.

This is my symbol layer
`const layerStyleFire: any = {
id: 'fire',
'type': 'symbol',

layout: {
    'icon-image': 'fire',
    'icon-size': 0.1
}

};

  <Map
    initialViewState={{
      latitude: 40,
      longitude: -100,
      zoom: 3.5,
      bearing: 0,
      pitch: 0
    }}


    onClick={onHover}
    interactiveLayerIds={['fire', 'anomaly']}

    mapStyle="mapbox://styles/mapbox/dark-v9?optimize=true"
    mapboxAccessToken={TOKEN}
  >
    <GeolocateControl position="top-left" />
    <FullscreenControl position="top-left" />
    <NavigationControl position="top-left" />
    <ScaleControl />
      <Source id="fires" type="geojson" data={geojsonFires} clusterRadius={10}>
          <Layer  {...layerStyleFire} />
      </Source>
      <Source id="anomalies" type="geojson" data={geojson}>
          <Layer  {...layerStyle} />
      </Source>

`