react-map4d-map 1.2.6 → 1.2.7

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useRef, useEffect, useState } from 'react';
+import React, { createContext, useContext, useRef, useEffect, useState, Fragment } from 'react';
 
 var defaultCt = {
   map: null
@@ -778,19 +778,15 @@ var MFMap = function MFMap(props) {
 
     var createCallback = function createCallback() {
       window[callback.current] = function () {
-        if (mapDomRef.current) {
-          var options = props.options;
-          mapRef.current = new window.map4d.Map(mapDomRef.current, options);
+        var options = props.options;
+        mapRef.current = new window.map4d.Map(mapDomRef.current, options);
 
-          if (props.onMapReady) {
-            props.onMapReady(mapRef.current, id);
-          }
-
-          registerEvent();
-          setMap(mapRef.current);
-        } else {
-          console.error("MFMap: map element is NOT found");
+        if (props.onMapReady) {
+          props.onMapReady(mapRef.current, id);
         }
+
+        registerEvent();
+        setMap(mapRef.current);
       };
     };
 
@@ -833,7 +829,7 @@ var MFMap = function MFMap(props) {
 
       destroy();
     };
-  }, [props.environment, props.version, props.accessKey]);
+  }, [props.environment, props.version, props.accessKey, props.options]);
 
   var registerEvent = function registerEvent() {
     var _mapRef$current2, _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8, _mapRef$current9, _mapRef$current10, _mapRef$current11, _mapRef$current12, _mapRef$current13, _mapRef$current14, _mapRef$current15, _mapRef$current16, _mapRef$current17, _mapRef$current18, _mapRef$current19, _mapRef$current20;
@@ -1021,21 +1017,16 @@ var MFMap = function MFMap(props) {
   var newContext = {
     map: map
   };
-
-  var refDiv = function refDiv(r) {
-    mapDomRef.current = r;
-  };
-
-  return React.createElement(Map4dContext.Provider, {
-    value: newContext
-  }, React.createElement("div", {
+  return React.createElement(Fragment, null, React.createElement("div", {
     style: {
       width: '100%',
       height: '100%',
       display: 'block'
     },
-    ref: refDiv
-  }), props.children);
+    ref: mapDomRef
+  }), React.createElement(Map4dContext.Provider, {
+    value: newContext
+  }, props.children));
 };
 
 var MFMarker = function MFMarker(props) {