Update geojson in <Source /> isn't shallowly and don't cause update

[larsgaardsoe]

I'm trying to manage some inline geojson using react state, but changes isn't detected since it's a non shallow object. Instead I need to update another prop on the Source component. I could just change the key, but that makes the component remount and doesn't feel right. I made a simple hack by changing the promoteId prop on Source, and that does the trick, but there must be a better way.

I could also use mapRef.current.getSource("my-layer").setData(newGeojson) but I could like to keep the geojson in react state and doing it with react-map-gl

layers.map((item, i) => {
  if (item.visible) {
    return (
      <Source
        key={item.id}
        id={item.id}
        /* HACK: change some prop shallowly  */
        promoteId={item.key}
        type="geojson"
        data={item.geojson}
      >
        <Layer {...item.style} />
      </Source>
    );
  }
});

[brianbancroft]

It appears this has something to do with deep-compare. Adding an id attribute to each feature, and changing that attribute on each change might change the map