@rnmapbox/maps 10.0.0-beta.42 → 10.0.0-beta.43

package/android/install.md

@@ -12,7 +12,7 @@ Add `RNMapboxMapsImpl = "mapbox"` to your gradle file - see bellow for details.
 
 ### Custom versions
 
-*Warning*: If you set a custome version make sure you revisit, any time you update @rnmapbox/maps. Setting it to earlier version to what we exepect will likely result in a build error.
+*Warning*: If you set a custom version, make sure you revisit, any time you update @rnmapbox/maps. Setting it to earlier version than what we exepect will likely result in a build error.
 
 Overwrite mapbox dependencies within your `android/build.gradle > buildscript > ext` section
 
@@ -32,6 +32,7 @@ buildscript {
 ```
 
 
+If you see `2 files found with path 'lib/arm64-v8a/libc++_shared.so' from inputs` issue see [possible workaround](#workaround-for-2-files-found-with-path-libarm64-v8alibc_sharedso-from-inputs).
 
 ## Using MapLibre
 
@@ -138,4 +139,22 @@ Feel free to check out the `/example` projects [`android/build.gradle`](https://
 <br>
 
 
+### Workaround for 2 files found with path 'lib/arm64-v8a/libc++_shared.so' from inputs
+
+```sh
+code android/app/build.gradle
+```
+
+add the following
+```gradle
+android {
+    packagingOptions {
+        pickFirst 'lib/x86/libc++_shared.so'
+        pickFirst 'lib/x86_64/libc++_shared.so'
+        pickFirst 'lib/arm64-v8a/libc++_shared.so'
+        pickFirst 'lib/armeabi-v7a/libc++_shared.so'
+    }
+}
+```
+
 

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/mapview/RCTMGLMapView.kt

@@ -317,6 +317,7 @@ open class RCTMGLMapView(private val mContext: Context, var mManager: RCTMGLMapV
             }
             queuedFeatures.clear()
         }
+        mQueuedFeatures = null;
     }
 
     private fun addAllFeaturesToMap() {

package/docs/HeadingIndicator.md

@@ -1,4 +1,4 @@
-<!-- This file was autogenerated from HeadingIndicator.js do not modify -->
+<!-- This file was autogenerated from HeadingIndicator.tsx do not modify -->
 # <MapboxGL.HeadingIndicator />
 
 

package/docs/SymbolLayer.md

@@ -1,4 +1,4 @@
-<!-- This file was autogenerated from SymbolLayer.js do not modify -->
+<!-- This file was autogenerated from SymbolLayer.tsx do not modify -->
 # <MapboxGL.SymbolLayer />
 SymbolLayer is a style layer that renders icon and text labels at points or along lines on the map.
 
@@ -11,10 +11,11 @@ SymbolLayer is a style layer that renders icon and text labels at points or alon
 | aboveLayerID | `string` | `none` | `false` | Inserts a layer above aboveLayerID. |
 | belowLayerID | `string` | `none` | `false` | Inserts a layer below belowLayerID |
 | layerIndex | `number` | `none` | `false` | Inserts a layer at a specified index |
-| filter | `array` | `none` | `false` | Filter only the features in the source layer that satisfy a condition that you define |
+| filter | `Array` | `none` | `false` | Filter only the features in the source layer that satisfy a condition that you define |
 | minZoomLevel | `number` | `none` | `false` | The minimum zoom level at which the layer gets parsed and appears. |
 | maxZoomLevel | `number` | `none` | `false` | The maximum zoom level at which the layer gets parsed and appears. |
-| style | `union` | `none` | `false` | Customizable style attributes |
+| style | `SymbolLayerStyleProps` | `none` | `true` | FIX ME NO DESCRIPTION |
+| children | `JSX.Element \| JSX.Element[]` | `none` | `false` | FIX ME NO DESCRIPTION |
 
 
 ## styles

package/docs/docs.json

@@ -1646,7 +1646,7 @@
         "description": "FIX ME NO DESCRIPTION"
       }
     ],
-    "fileNameWithExt": "HeadingIndicator.js",
+    "fileNameWithExt": "HeadingIndicator.tsx",
     "name": "HeadingIndicator"
   },
   "HeatmapLayer": {
@@ -4411,7 +4411,7 @@
       {
         "name": "filter",
         "required": false,
-        "type": "array",
+        "type": "Array",
         "default": "none",
         "description": "Filter only the features in the source layer that satisfy a condition that you define"
       },
@@ -4431,16 +4431,20 @@
       },
       {
         "name": "style",
+        "required": true,
+        "type": "SymbolLayerStyleProps",
+        "default": "none",
+        "description": "FIX ME NO DESCRIPTION"
+      },
+      {
+        "name": "children",
         "required": false,
-        "type": "union",
+        "type": "JSX.Element \\| JSX.Element[]",
         "default": "none",
-        "description": "Customizable style attributes"
+        "description": "FIX ME NO DESCRIPTION"
       }
     ],
-    "composes": [
-      "../utils"
-    ],
-    "fileNameWithExt": "SymbolLayer.js",
+    "fileNameWithExt": "SymbolLayer.tsx",
     "name": "SymbolLayer",
     "styles": [
       {

package/index.d.ts

@@ -22,6 +22,7 @@ import {
   FeatureCollection,
 } from '@turf/helpers';
 
+import type { SymbolLayerStyleProps } from './javascript/utils/MapboxStyles';
 import {
   Camera as _Camera,
   CameraStop as _CameraStop,
@@ -38,6 +39,10 @@ import {
 import { MarkerView as _MarkerView } from './javascript/components/MarkerView';
 import { PointAnnotation as _PointAnnotation } from './javascript/components/PointAnnotation';
 import { Atmosphere as _Atmosphere } from './javascript/components/Atmosphere';
+import {
+  SymbolLayer as _SymbolLayer,
+  Props as _SymbolLayerProps,
+} from './javascript/components/SymbolLayer';
 import type {
   MapboxGLEvent as _MapboxGLEvent,
   AnimatedPoint as _AnimatedPoint,
@@ -96,7 +101,7 @@ type AutoAlignment = Alignment | 'auto';
 
 type NamedStyles<T> = {
   [P in keyof T]:
-    | SymbolLayerStyle
+    | SymbolLayerStyleProps
     | RasterLayerStyle
     | LineLayerStyle
     | FillLayerStyle
@@ -142,6 +147,7 @@ declare namespace MapboxGL {
   const Atmosphere = _Atmosphere;
   const MarkerView = _MarkerView;
   const PointAnnotation = _PointAnnotation;
+  const SymbolLayer = _SymbolLayer;
 
   type MapboxGLEvent = _MapboxGLEvent;
   type UserTrackingMode = _UserTrackingMode;
@@ -246,7 +252,7 @@ declare namespace MapboxGL {
     class FillExtrusionLayer extends Component<FillExtrusionLayerProps> {}
     class LineLayer extends Component<LineLayerProps> {}
     class CircleLayer extends Component<CircleLayerProps> {}
-    class SymbolLayer extends Component<SymbolLayerProps> {}
+    class SymbolLayer extends Component<_SymbolLayerProps> {}
     class RasterLayer extends Component<RasterLayerProps> {}
     class BackgroundLayer extends Component<BackgroundLayerProps> {}
   }
@@ -397,7 +403,6 @@ declare namespace MapboxGL {
   class FillLayer extends Component<FillLayerProps> {}
   class LineLayer extends Component<LineLayerProps> {}
   class RasterLayer extends Component<RasterLayerProps> {}
-  class SymbolLayer extends Component<SymbolLayerProps> {}
   class HeatmapLayer extends Component<HeatmapLayerProps> {}
   class Images extends Component<ImagesProps> {}
   class ImageSource extends Component<ImageSourceProps> {}
@@ -752,75 +757,8 @@ export type TextVariableAnchorValues =
   | 'bottom-left'
   | 'bottom-right';
 
-export interface SymbolLayerStyle {
-  symbolPlacement?: 'point' | 'line' | Expression;
-  symbolSpacing?: number | Expression;
-  symbolAvoidEdges?: boolean | Expression;
-  symbolSortKey?: number | Expression;
-  symbolZOrder?: 'auto' | 'viewport-y' | 'source' | Expression;
-  iconAllowOverlap?: boolean | Expression;
-  iconIgnorePlacement?: boolean | Expression;
-  iconOptional?: boolean | Expression;
-  iconRotationAlignment?: AutoAlignment | Expression;
-  iconSize?: number | Expression;
-  iconTextFit?: 'none' | 'width' | 'height' | 'both' | Expression;
-  iconTextFitPadding?: Array<number> | Expression;
-  iconImage?: string | Expression;
-  iconRotate?: number | Expression;
-  iconPadding?: number | Expression;
-  iconKeepUpright?: boolean | Expression;
-  iconOffset?: Array<number> | Expression;
-  iconAnchor?: Anchor | Expression;
-  iconPitchAlignment?: AutoAlignment | Expression;
-  textPitchAlignment?: AutoAlignment | Expression;
-  textRotationAlignment?: AutoAlignment | Expression;
-  textField?: string | Expression;
-  textFont?: Array<string> | Expression;
-  textSize?: number | Expression;
-  textMaxWidth?: number | Expression;
-  textLineHeight?: number | Expression;
-  textLetterSpacing?: number | Expression;
-  textJustify?: 'left' | 'center' | 'right' | Expression;
-  textAnchor?: Anchor | Expression;
-  textMaxAngle?: number | Expression;
-  textRotate?: number | Expression;
-  textPadding?: number | Expression;
-  textKeepUpright?: boolean | Expression;
-  textTransform?: 'none' | 'uppercase' | 'lowercase' | Expression;
-  textOffset?: Array<number> | Expression;
-  textAllowOverlap?: boolean | Expression;
-  textIgnorePlacement?: boolean | Expression;
-  textOptional?: boolean | Expression;
-  textVariableAnchor?: Array<TextVariableAnchorValues>;
-  textRadialOffset?: number | Expression;
-  visibility?: Visibility | Expression;
-  iconOpacity?: number | Expression;
-  iconOpacityTransition?: Transition | Expression;
-  iconColor?: string | Expression;
-  iconColorTransition?: Transition | Expression;
-  iconHaloColor?: string | Expression;
-  iconHaloColorTransition?: Transition | Expression;
-  iconHaloWidth?: number | Expression;
-  iconHaloWidthTransition?: Transition | Expression;
-  iconHaloBlur?: number | Expression;
-  iconHaloBlurTransition?: Transition | Expression;
-  iconTranslate?: Array<number> | Expression;
-  iconTranslateTransition?: Transition | Expression;
-  iconTranslateAnchor?: Alignment | Expression;
-  textOpacity?: number | Expression;
-  textOpacityTransition?: Transition | Expression;
-  textColor?: string | Expression;
-  textColorTransition?: Transition | Expression;
-  textHaloColor?: string | Expression;
-  textHaloColorTransition?: Transition | Expression;
-  textHaloWidth?: number | Expression;
-  textHaloWidthTransition?: Transition | Expression;
-  textHaloBlur?: number | Expression;
-  textHaloBlurTransition?: Transition | Expression;
-  textTranslate?: Array<number> | Expression;
-  textTranslateTransition?: Transition | Expression;
-  textTranslateAnchor?: Alignment | Expression;
-}
+/** @deprecated Will be removed in next betas */
+export type SymbolLayerStyle = SymbolLayerStyleProps;
 
 export interface HeatmapLayerStyle {
   visibility?: Visibility | Expression;
@@ -938,7 +876,7 @@ export interface RasterLayerProps extends LayerBaseProps {
 }
 
 export interface SymbolLayerProps extends LayerBaseProps {
-  style?: StyleProp<SymbolLayerStyle>;
+  style?: SymbolLayerStyleProps;
 }
 
 export interface HeatmapLayerProps extends LayerBaseProps {

package/ios/RCTMGL-v10/RCTMGLCamera.swift

@@ -1,8 +1,8 @@
 import Foundation
-@_spi(Experimental) import MapboxMaps
+import MapboxMaps
 import Turf
 
-protocol RCTMGLMapComponent : class {
+protocol RCTMGLMapComponent : AnyObject {
   func addToMap(_ map: RCTMGLMapView, style: Style)
   func removeFromMap(_ map: RCTMGLMapView)
   
@@ -29,10 +29,7 @@ struct CameraUpdateItem {
       }
       switch mode {
         case .flight:
-          var _camera = camera
-          _camera.padding = nil
-          map.camera.fly(to: _camera, duration: duration)
-          changePadding(map: map, cameraAnimator: &cameraAnimator, curve: .linear)
+          map.camera.fly(to: camera, duration: duration)
         case .ease:
           map.camera.ease(to: camera, duration: duration ?? 0, curve: .easeInOut, completion: nil)
         case .linear:
@@ -42,18 +39,6 @@ struct CameraUpdateItem {
       }
     }
   }
-  
-  /// Padding is not currently animatable on the camera's `fly(to:)` method, so we create a separate animator instead.
-  /// If this changes, remove this and call `fly(to:)` with an unmodified `camera`.
-  func changePadding(map: RCTMGLMapView, cameraAnimator: inout BasicCameraAnimator?, curve: UIView.AnimationCurve) {
-    if let cameraAnimator = cameraAnimator {
-      cameraAnimator.stopAnimation()
-    }
-    cameraAnimator = map.camera.makeAnimator(duration: duration ?? 0, curve: curve) { (transition) in
-      transition.padding.toValue = camera.padding
-    }
-    cameraAnimator?.startAnimation()
-  }
 }
 
 class CameraUpdateQueue {
@@ -454,7 +439,6 @@ class RCTMGLCamera : RCTMGLMapComponentBase, LocationConsumer {
   }
 }
 
-/// Converts milliseconds to seconds.
 private func toSeconds(_ ms: Double) -> TimeInterval {
   return ms * 0.001
 }

package/javascript/components/AbstractLayer.tsx

@@ -0,0 +1,72 @@
+/* eslint react/prop-types:0  */
+import React from 'react';
+import { NativeMethods, processColor } from 'react-native';
+
+import { getFilter } from '../utils/filterUtils';
+import { transformStyle } from '../utils/StyleValue';
+import { AllLayerStyleProps } from '../utils/MapboxStyles';
+
+type PropsBase = {
+  id: string;
+  sourceID?: string;
+  minZoomLevel?: number;
+  maxZoomLevel?: number;
+  aboveLayerID?: string;
+  belowLayerID?: string;
+  layerIndex?: number;
+  filter?: string[];
+  style: AllLayerStyleProps;
+};
+
+class AbstractLayer<
+  PropsType extends PropsBase,
+  NativePropsType,
+> extends React.PureComponent<PropsType> {
+  get baseProps(): PropsType {
+    return {
+      ...this.props,
+      id: this.props.id,
+      sourceID: this.props.sourceID,
+      reactStyle: this.getStyle(this.props.style),
+      minZoomLevel: this.props.minZoomLevel,
+      maxZoomLevel: this.props.maxZoomLevel,
+      aboveLayerID: this.props.aboveLayerID,
+      belowLayerID: this.props.belowLayerID,
+      layerIndex: this.props.layerIndex,
+      filter: getFilter(this.props.filter),
+      style: undefined,
+    };
+  }
+
+  nativeLayer:
+    | (React.Component<NativePropsType> & Readonly<NativeMethods>)
+    | undefined = undefined;
+
+  setNativeLayer(
+    instance: React.Component<NativePropsType> & Readonly<NativeMethods>,
+  ) {
+    this.nativeLayer = instance;
+  }
+
+  getStyleTypeFormatter(styleType: string) {
+    if (styleType === 'color') {
+      return processColor;
+    }
+  }
+
+  getStyle(style: AllLayerStyleProps) {
+    return transformStyle(style);
+  }
+
+  setNativeProps(props: { [key: string]: unknown }) {
+    if (this.nativeLayer) {
+      let propsToPass = props;
+      if (props.style) {
+        propsToPass = { ...props, reactStyle: this.getStyle(props.style) };
+      }
+      this.nativeLayer?.setNativeProps(propsToPass);
+    }
+  }
+}
+
+export default AbstractLayer;

package/javascript/components/BackgroundLayer.js

@@ -79,7 +79,7 @@ class BackgroundLayer extends AbstractLayer {
     return (
       <RCTMGLBackgroundLayer
         testID="rctmglBackgroundLayer"
-        ref="nativeLayer"
+        ref={this.setNativeLayer}
         {...this.baseProps}
       />
     );

package/javascript/components/CircleLayer.js

@@ -83,7 +83,7 @@ class CircleLayer extends AbstractLayer {
     return (
       <RCTMGLCircleLayer
         testID="rctmglCircleLayer"
-        ref="nativeLayer"
+        ref={this.setNativeLayer}
         {...this.baseProps}
       />
     );

package/javascript/components/FillExtrusionLayer.js

@@ -83,7 +83,7 @@ class FillExtrusionLayer extends AbstractLayer {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLFillExtrusionLayer ref="nativeLayer" {...props} />;
+    return <RCTMGLFillExtrusionLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 

package/javascript/components/FillLayer.js

@@ -83,7 +83,7 @@ class FillLayer extends AbstractLayer {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLFillLayer ref="nativeLayer" {...props} />;
+    return <RCTMGLFillLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 

package/javascript/components/{HeadingIndicator.js → HeadingIndicator.tsx}

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import headingIcon from '../../assets/heading.png';
 
@@ -10,9 +9,13 @@ const style = {
   iconAllowOverlap: true,
   iconPitchAlignment: 'map',
   iconRotationAlignment: 'map',
+} as const;
+
+type Props = {
+  heading?: number;
 };
 
-const HeadingIndicator = (heading) => (
+const HeadingIndicator = ({ heading }: Props) => (
   <SymbolLayer
     key="mapboxUserLocationHeadingIndicator"
     id="mapboxUserLocationHeadingIndicator"
@@ -24,8 +27,4 @@ const HeadingIndicator = (heading) => (
   />
 );
 
-HeadingIndicator.propTypes = {
-  heading: PropTypes.number,
-};
-
 export default HeadingIndicator;

package/javascript/components/HeatmapLayer.js

@@ -84,7 +84,7 @@ class HeatmapLayer extends AbstractLayer {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLHeatmapLayer ref="nativeLayer" {...props} />;
+    return <RCTMGLHeatmapLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 

package/javascript/components/LineLayer.js

@@ -83,7 +83,7 @@ class LineLayer extends AbstractLayer {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLLineLayer ref="nativeLayer" {...props} />;
+    return <RCTMGLLineLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 

package/javascript/components/RasterLayer.js

@@ -80,7 +80,7 @@ class RasterLayer extends AbstractLayer {
       ...this.baseProps,
       sourceLayerID: this.props.sourceLayerID,
     };
-    return <RCTMGLRasterLayer ref="nativeLayer" {...props} />;
+    return <RCTMGLRasterLayer ref={this.setNativeLayer} {...props} />;
   }
 }
 

package/javascript/components/SkyLayer.js

@@ -66,7 +66,7 @@ class SkyLayer extends AbstractLayer {
     return (
       <RCTMGLSkyLayer
         testID="rctmglSkyLayer"
-        ref="nativeLayer"
+        ref={this.setNativeLayer}
         {...this.baseProps}
       />
     );

package/javascript/components/SymbolLayer.tsx

@@ -0,0 +1,113 @@
+import React from 'react';
+import { View, NativeModules, requireNativeComponent } from 'react-native';
+
+import { type SymbolLayerStyleProps } from '../utils/MapboxStyles';
+import { type StyleValue } from '../utils/StyleValue';
+
+import AbstractLayer from './AbstractLayer';
+
+const MapboxGL = NativeModules.MGLModule;
+
+export const NATIVE_MODULE_NAME = 'RCTMGLSymbolLayer';
+
+export type Props = {
+  /**
+   * A string that uniquely identifies the source in the style to which it is added.
+   */
+  id: string;
+
+  /**
+   * The source from which to obtain the data to style.
+   * If the source has not yet been added to the current style, the behavior is undefined.
+   * Inferred from parent source only if the layer is a direct child to it.
+   */
+  sourceID?: string;
+
+  /**
+   * Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style.
+   */
+  sourceLayerID?: string;
+
+  /**
+   * Inserts a layer above aboveLayerID.
+   */
+  aboveLayerID?: string;
+
+  /**
+   * Inserts a layer below belowLayerID
+   */
+  belowLayerID?: string;
+
+  /**
+   * Inserts a layer at a specified index
+   */
+  layerIndex?: number;
+
+  /**
+   *  Filter only the features in the source layer that satisfy a condition that you define
+   */
+  filter?: string[];
+
+  /**
+   * The minimum zoom level at which the layer gets parsed and appears.
+   */
+  minZoomLevel?: number;
+
+  /**
+   * The maximum zoom level at which the layer gets parsed and appears.
+   */
+  maxZoomLevel?: number;
+
+  style: SymbolLayerStyleProps;
+
+  children?: JSX.Element | JSX.Element[];
+};
+
+type NativeTypeProps = Omit<Props, 'style'> & {
+  snapshot: boolean;
+  reactStyle?: { [key: string]: StyleValue };
+};
+
+const RCTMGLSymbolLayer =
+  requireNativeComponent<NativeTypeProps>(NATIVE_MODULE_NAME);
+
+/**
+ * SymbolLayer is a style layer that renders icon and text labels at points or along lines on the map.
+ */
+class SymbolLayer extends AbstractLayer<Props, NativeTypeProps> {
+  static defaultProps = {
+    sourceID: MapboxGL.StyleSource.DefaultSourceID,
+  };
+
+  _shouldSnapshot() {
+    let isSnapshot = false;
+
+    if (React.Children.count(this.props.children) <= 0) {
+      return isSnapshot;
+    }
+
+    React.Children.forEach(this.props.children, (child) => {
+      if (child?.type === View) {
+        isSnapshot = true;
+      }
+    });
+
+    return isSnapshot;
+  }
+
+  render() {
+    const props = {
+      ...this.baseProps,
+      snapshot: this._shouldSnapshot(),
+      sourceLayerID: this.props.sourceLayerID,
+    };
+
+    return (
+      <RCTMGLSymbolLayer ref={this.setNativeLayer} {...props}>
+        {this.props.children}
+      </RCTMGLSymbolLayer>
+    );
+  }
+}
+
+export default SymbolLayer;

package/javascript/components/Terrain.tsx

@@ -1,62 +1,3 @@
-/*
-import React from 'react';
-import PropTypes from 'prop-types';
-import { NativeModules, requireNativeComponent } from 'react-native';
-
-import { viewPropTypes } from '../utils';
-
-import AbstractLayer from './AbstractLayer';
-
-const MapboxGL = NativeModules.MGLModule;
-
-export const NATIVE_MODULE_NAME = 'RCTMGLTerrain';
-
-**
- * A global modifier that elevates layers and markers based on a DEM data source.
- *
-class Terrain extends React.PureComponent {
-  static propTypes = {
-    ...viewPropTypes,
-
-     **
-     * Name of a source of raster_dem type to be used for terrain elevation.
-     *
-    sourceID: PropTypes.string,
-
-     **
-     * Optional number between 0 and 1000 inclusive. Defaults to 1. Supports interpolateexpressions. Transitionable.
-     * Exaggerates the elevation of the terrain by multiplying the data from the DEM with this value.
-     *
-    exaggeration: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),
-  };
-
-  static defaultProps = {
-    sourceID: MapboxGL.StyleSource.DefaultSourceID,
-  };
-
-  get baseProps() {
-    return {
-      ...this.props,
-      sourceID: this.props.sourceID,
-    };
-  }
-
-  render() {
-    const props = {
-      ...this.baseProps,
-      sourceID: this.props.sourceID,
-    };
-    return <RCTMGLTerrain ref="nativeLayer" {...props} />;
-  }
-}
-
-const RCTMGLTerrain = requireNativeComponent(NATIVE_MODULE_NAME, Terrain, {
-  nativeOnly: { reactStyle: true },
-});
-
-export default Terrain;
-*/
-
 import React, { memo, useMemo } from 'react';
 import { HostComponent, requireNativeComponent } from 'react-native';
 
@@ -92,7 +33,6 @@ export const Terrain = memo((props: Props) => {
     style = { exaggeration: props.exaggeration, ...style };
   }
 
-  console.log('STYLE:', style);
   const baseProps = useMemo(() => {
     return {
       ...props,