fix: new map tile points not initially rendered (PT-181962645) (#1229)

[[181962645](https://www.pivotaltracker.com/story/show/181962645)]
concord-consortium · Apr 24, 2024 · 2280427 · 2280427
1 parent 63c6e45
commit 2280427
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/v3/src/components/map/components/map-point-layer.tsx b/v3/src/components/map/components/map-point-layer.tsx
@@ -134,10 +134,12 @@ export const MapPointLayer = observer(function MapPointLayer({mapLayerModel, onS
     }
   }, [dataConfiguration.dataset, mapModel])
 
-  if (pixiPointsRef.current != null && pixiContainerRef.current && pixiContainerRef.current.children.length === 0) {
-    pixiContainerRef.current.appendChild(pixiPointsRef.current.canvas)
-    pixiPointsRef.current.resize(layout.contentWidth, layout.contentHeight)
-  }
+  useEffect(() => {
+    if (pixiPointsRef.current != null && pixiContainerRef.current && pixiContainerRef.current.children.length === 0) {
+      pixiContainerRef.current.appendChild(pixiPointsRef.current.canvas)
+      pixiPointsRef.current.resize(layout.contentWidth, layout.contentHeight)
+    }
+  }, [layout.contentWidth, layout.contentHeight])
 
   const refreshConnectingLines = useCallback(() => {
     if (!showConnectingLines && !connectingLinesActivatedRef.current) return