map: fix state issue on initial render

vatger · Nov 13, 2023 · 022d6d2 · 022d6d2
1 parent 01d9bca
commit 022d6d2
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/atciss-frontend/src/components/map/SectorPolygon.tsx b/atciss-frontend/src/components/map/SectorPolygon.tsx
@@ -76,9 +76,15 @@ export const SectorPolygon = ({
   const [center, setCenter] = useState<LatLng | null>(null)
 
   useEffect(() => {
-    if (polygon.current) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore (fixes "layer not on map", no public API)
+    if (polygon.current && polygon.current._map) {
       setCenter(polygon.current.getCenter())
     }
+
+    polygon.current?.on("add", () => {
+      polygon.current && setCenter(polygon.current.getCenter())
+    })
   }, [polygon.current])
 
   return (