Deck.gl layers update but not reflected on Mapbox until interaction

[furkand]

Hi everyone,

I’m using Deck.gl together with Mapbox, and I’ve run into a rendering issue.

The problem is: although the Deck.gl layers update correctly (I can confirm via console logs and see that, for example, the tradeArea layer becomes undefined when removed), the visual changes are not reflected on the map until I slightly move or interact with it (like panning or zooming).

Here’s a simplified version of the relevant code:

const deckGLLayers = useMemo(() => {
	const arr = [];

	if (quadsVisible && layers['quads-geojson-layer']) {
		arr.push(layers['quads-geojson-layer']?.clone({ visible: quadsVisible }));
	}
	if (tradeAreaVisible && layers['trade-areas-geojson-layer']) {
		arr.push(layers['trade-areas-geojson-layer']?.clone({ visible: tradeAreaVisible }));
	}

	arr.push(layers['clustering-layer']);
	return arr.filter(Boolean);
}, [layers, tradeAreaVisible, quadsVisible]);

Any idea why the map doesn't re-render immediately when layers change? Is there a recommended way to force a re-render or trigger an update without needing user interaction?

Thanks in advance for your help!

Deckgl Version:
"deck.gl": "^8.2.3",