@mapcomponents/react-maplibre 0.1.44 → 0.1.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapcomponents/react-maplibre",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "main": "index.js",
   "license": "MIT",
   "module": "dist/index.esm.js",

package/src/hooks/useLayer.ts

@@ -57,13 +57,15 @@ function useLayer(props: useLayerProps): useLayerType {
   );
 
   const createLayer = useCallback(() => {
-    if (initializedRef.current || !mapHook.map) return;
-    initializedRef.current = true;
+    if (!mapHook.map) return;
 
     if (mapHook.map.map.getLayer(layerId.current)) {
-      // remove (cleanup) & reinitialize the layer if type has changed
-      cleanup();
+      mapHook.map.map.removeLayer(layerId.current);
+    }
+    if (mapHook.map.map.getSource(layerId.current)) {
+      mapHook.map.map.removeSource(layerId.current);
     }
+    initializedRef.current = true;
 
     mapHook.map.addLayer(
       {
@@ -128,7 +130,13 @@ function useLayer(props: useLayerProps): useLayerType {
   }, [props.geojson, mapHook.map, props.options.type]);
 
   useEffect(() => {
-    if (!mapHook.map || !mapHook.map?.map?.getLayer?.(layerId.current) || !initializedRef.current || props.options.type !== layerTypeRef.current)return;
+    if (
+      !mapHook.map ||
+      !mapHook.map?.map?.getLayer?.(layerId.current) ||
+      !initializedRef.current ||
+      props.options.type !== layerTypeRef.current
+    )
+      return;
 
     var key;