diff --git a/src/element/map.tsx b/src/element/map.tsx
index faebbe0..84a1d43 100644
--- a/src/element/map.tsx
+++ b/src/element/map.tsx
@@ -50,7 +50,7 @@ export function HereMap(props: { zoom?: number, markers?: Array<{ lat: number, l
                 map.current.addObject(m);
             }
         }
-    }, [map, props])
+    }, [map, props.center, props.zoom, props.markers])
 
     // Return a div element to hold the map
     return <div style={{ width: "100%", height: "300px" }} className="rounded-xl overflow-hidden" ref={mapRef} />;