I'm using react-map-gl with clustering to display clustered features. I have these layers:

• alerts (unclustered points)

• alerts-cluster (cluster circles)

• alerts-cluster-number (cluster counts)

• Similar events-* layers

When querying rendered features during viewstate changes, I need to get the IDs of all visible individual features (both standalone and those within clusters).

The Problem:

• For unclustered features, I correctly get their individual IDs

• For clustered features, I only get the cluster ID rather than the IDs of the points within the cluster

What I Need:

• How can I get the original feature IDs of points contained within visible clusters?

• Is there a way to "expand" clusters when querying, or access their children features?

• Should I use a different method than queryRenderedFeatures for this purpose?

My current approach:

useEffect(() => {
  setRenderedFeaturesIds(
    ref.current
      ?.queryRenderedFeatures(
        {},
        {
          layers: [
            "alerts",
            "events",
            "alerts-cluster", 
            "events-cluster",
            "alerts-cluster-number",
            "events-cluster-number",
          ],
        }
      )
      .map((f) => f.id),
  );
}, [viewState]);