Fix Marker rendering in strict mode (#471)

kolebjak · Sep 27, 2022 · d40abe2 · d40abe2
1 parent dd206de
commit d40abe2
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/Marker.tsx b/src/Marker.tsx
@@ -54,21 +54,22 @@ const Marker = (props: MarkerProps) => {
         sMarker.decorate(window.SMap.Marker.Feature.Card, card);
     };
 
-    const {lng, lat} = props.coords;
+    const { lng, lat } = props.coords;
     const coords = window.SMap.Coords.fromWGS84(lng, lat);
     const options = resolveOptions();
     const sMarker = new window.SMap.Marker(coords, props.id, options);
-    markerLayer?.addMarker(sMarker);
-
-    if (props.card) {
-        renderCard();
-    }
 
     useEffect(() => {
+        markerLayer?.addMarker(sMarker);
+
+        if (props.card) {
+            renderCard();
+        }
+
         return () => {
             markerLayer.removeMarker(sMarker, true);
         };
-    });
+    }, []);
 
     return null;
 };