Merge pull request #2 from lh0x00/bugfix/RefReact18Support

fix: set `configurable` pass react 18 render twice, and format lint

Author: iBinh

examples/zoom-to-bounds/src/map-style.js

@@ -9,8 +9,7 @@ const mapStyle = {
 
 mapStyle.sources['sf-neighborhoods'] = {
   type: 'geojson',
-  data:
-    'https://raw.githubusercontent.com/uber/react-map-gl/master/examples/.data/feature-example-sf.json'
+  data: 'https://raw.githubusercontent.com/uber/react-map-gl/master/examples/.data/feature-example-sf.json'
 };
 
 mapStyle.layers.push(

src/components/popup.js

@@ -174,9 +174,10 @@ function Popup(props) {
   );
 
   // If eventManager does not exist (using with static map), listen to React event
-  const onReactClick = useCallback(e => !context.eventManager && onClick(e, thisRef), [
-    context.eventManager
-  ]);
+  const onReactClick = useCallback(
+    e => !context.eventManager && onClick(e, thisRef),
+    [context.eventManager]
+  );
 
   return (
     <div

src/goong/goong.js

@@ -317,12 +317,20 @@ export default class Goong {
     // This eliminates the timing issue between calling resize() and DOM update
     /* eslint-disable accessor-pairs */
     const {container} = props;
-    Object.defineProperty(container, 'offsetWidth', {get: () => this.width});
-    Object.defineProperty(container, 'clientWidth', {get: () => this.width});
+    Object.defineProperty(container, 'offsetWidth', {
+      configurable: true,
+      get: () => this.width
+    });
+    Object.defineProperty(container, 'clientWidth', {
+      configurable: true,
+      get: () => this.width
+    });
     Object.defineProperty(container, 'offsetHeight', {
+      configurable: true,
       get: () => this.height
     });
     Object.defineProperty(container, 'clientHeight', {
+      configurable: true,
       get: () => this.height
     });
 
@@ -401,8 +409,14 @@ export default class Goong {
   }
 
   _getViewState(props) {
-    const {longitude, latitude, zoom, pitch = 0, bearing = 0, altitude = 1.5} =
-      props.viewState || props;
+    const {
+      longitude,
+      latitude,
+      zoom,
+      pitch = 0,
+      bearing = 0,
+      altitude = 1.5
+    } = props.viewState || props;
     return {longitude, latitude, zoom, pitch, bearing, altitude};
   }