@mapcomponents/react-maplibre 0.1.26 → 0.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapcomponents/react-maplibre",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "license": "MIT",
   "private": false,
   "module": "dist/index.esm.js",

package/src/hooks/useMap.js

@@ -11,9 +11,12 @@ function useMap(props) {
     mapId: props.mapId,
     watch: {
       viewport: false,
-      layers: true,
+      layers: props.waitForLayer ? true : false,
       sources: false,
     },
+    filter: {
+      includeBaseLayers: true,
+    },
   });
 
   const initializedRef = useRef(false);
@@ -21,7 +24,7 @@ function useMap(props) {
 
   const componentId = useRef(uuidv4());
 
-  const [mapIsReady, setMapIsReady] = useState(undefined);
+  const [mapIsReady, setMapIsReady] = useState(false);
 
   useEffect(() => {
     let _componentId = componentId.current;

package/src/hooks/useMapState.js

@@ -61,6 +61,7 @@ function useMapState(props) {
     let _componentId = componentId.current;
 
     return () => {
+      // cleanup all event listeners
       if (mapRef.current) {
         mapRef.current.cleanup(_componentId);
         mapRef.current = undefined;
@@ -79,6 +80,7 @@ function useMapState(props) {
     if (props?.watch?.viewport) {
       setViewport(mapRef.current.wrapper.viewportState);
 
+      // register viewportchange event handler
       mapRef.current.wrapper.on(
         "viewportchange",
         () => {
@@ -90,6 +92,7 @@ function useMapState(props) {
       );
     }
 
+    // register layerchange event handler
     if (props?.watch?.layers) {
       refreshLayerState();