@rnmapbox/maps 10.1.0-beta.14 → 10.1.0-beta.15

package/src/components/Image.tsx

@@ -1,5 +1,8 @@
 import React, { memo, forwardRef, ReactElement } from 'react';
-import { requireNativeComponent } from 'react-native';
+import { findNodeHandle } from 'react-native';
+
+import RNMBXImageNativeComponent from '../specs/RNMBXImageNativeComponent';
+import NativeRNMBXImageModule from '../specs/NativeRNMBXImageModule';
 
 interface Props {
   /** ID of the image */
@@ -42,21 +45,22 @@ const Image = memo(
       stretchY,
       children,
     };
-    return <RNMBXImage {...nativeProps} />;
-  }),
-);
 
-interface NativeProps {
-  name: string;
-  children: ReactElement;
-  sdf?: boolean;
-  stretchX?: [number, number][];
-  stretchY?: [number, number][];
-}
+    const imageRef = React.useRef(null);
+
+    const refresh = () => {
+      const handle = findNodeHandle(imageRef.current as any);
+      NativeRNMBXImageModule.refresh(handle);
+    };
 
-export const NATIVE_MODULE_NAME = 'RNMBXImage';
+    React.useImperativeHandle(ref, () => {
+      return { refresh };
+    });
 
-const RNMBXImage = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+    // @ts-expect-error just codegen stuff
+    return <RNMBXImageNativeComponent {...nativeProps} ref={imageRef} />;
+  }),
+);
 
 Image.displayName = 'Image';
 

package/src/components/Images.tsx

@@ -1,11 +1,9 @@
 import React, { ReactNode, ReactElement } from 'react';
-import {
-  requireNativeComponent,
-  Image as RNImage,
-  ImageURISource,
-} from 'react-native';
+import { Image as RNImage, ImageURISource } from 'react-native';
 import { ImageSourcePropType, ImageResolvedAssetSource } from 'react-native';
 
+import RNMBXImagesNativeComponent from '../specs/RNMBXImagesNativeComponent';
+
 import { ShapeSource } from './ShapeSource';
 import Image from './Image';
 
@@ -101,7 +99,6 @@ interface Props {
    */
   onImageMissing?: (imageKey: string) => void;
 
-  id?: string;
   children?: TypedReactNode<typeof Image>;
 }
 
@@ -184,25 +181,18 @@ class Images extends React.PureComponent<Props> {
 
   render() {
     const props = {
-      id: this.props.id,
       hasOnImageMissing: !!this.props.onImageMissing,
       onImageMissing: this._onImageMissing.bind(this),
       ...this._getImages(),
     };
 
-    return <RNMBXImages {...props}>{this.props.children}</RNMBXImages>;
+    return (
+      // @ts-expect-error just codegen stuff
+      <RNMBXImagesNativeComponent {...props}>
+        {this.props.children}
+      </RNMBXImagesNativeComponent>
+    );
   }
 }
 
-type NativeProps = {
-  hasOnImageMissing: boolean;
-  onImageMissing?: (event: React.SyntheticEvent<Element, RNMBEvent>) => void;
-  images?: {
-    [key: string]: string | ImageResolvedAssetSource | ResolvedImageEntryData;
-  };
-  nativeImages?: NativeImage[];
-};
-
-const RNMBXImages = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-
 export default Images;

package/src/components/Light.tsx

@@ -1,14 +1,11 @@
 import React, { forwardRef, memo, useImperativeHandle, useRef } from 'react';
-import { requireNativeComponent } from 'react-native';
 
+import RNMBXLightNativeComponent from '../specs/RNMBXLightNativeComponent';
 import { LightLayerStyleProps } from '../utils/MapboxStyles';
-import { StyleValue } from '../utils/StyleValue';
 import { type BaseProps } from '../types/BaseProps';
 import { transformStyle } from '../utils/StyleValue';
 import nativeRef from '../utils/nativeRef';
 
-export const NATIVE_MODULE_NAME = 'RNMBXLight';
-
 type Props = BaseProps & {
   /**
    * Customizable style attributes
@@ -16,10 +13,6 @@ type Props = BaseProps & {
   style: LightLayerStyleProps;
 };
 
-type NativeProps = Omit<Props, 'style'> & {
-  reactStyle?: { [key: string]: StyleValue };
-};
-
 interface LightMethods {
   setNativeProps(props: { [key: string]: unknown }): void;
 }
@@ -30,7 +23,7 @@ interface LightMethods {
 function Light(props: Props, ref: React.ForwardedRef<LightMethods>) {
   const { style, ...propWithoutStyle } = props;
 
-  const nativeLightRef = nativeRef(useRef<typeof RNMBXLight>(null));
+  const nativeLightRef = nativeRef(useRef(null));
 
   useImperativeHandle(ref, () => ({
     setNativeProps(_props: { [key: string]: unknown }) {
@@ -46,7 +39,8 @@ function Light(props: Props, ref: React.ForwardedRef<LightMethods>) {
   }));
 
   return (
-    <RNMBXLight
+    <RNMBXLightNativeComponent
+      // @ts-expect-error just codegen stuff
       ref={nativeLightRef}
       testID="RNMBXLight"
       {...propWithoutStyle}
@@ -55,6 +49,4 @@ function Light(props: Props, ref: React.ForwardedRef<LightMethods>) {
   );
 }
 
-const RNMBXLight = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-
 export default memo(forwardRef(Light));

package/src/components/MapView.tsx

@@ -8,13 +8,12 @@ import {
   NativeMethods,
   HostComponent,
   LayoutChangeEvent,
-  findNodeHandle,
 } from 'react-native';
 import { debounce } from 'debounce';
-import { GeoJsonProperties, Geometry } from 'geojson';
 
-import NativeMapView from '../specs/RNMBXMapViewNativeComponent';
-import NativeAndroidTextureMapView from '../specs/RNMBXAndroidTextureMapViewNativeComponent';
+import NativeMapView, {
+  type NativeMapViewActual,
+} from '../specs/RNMBXMapViewNativeComponent';
 import NativeMapViewModule from '../specs/NativeMapViewModule';
 import {
   isFunction,
@@ -44,9 +43,6 @@ if (!RNMBXModule.MapboxV10) {
   );
 }
 
-// TODO: check if this can be removed
-export const NATIVE_MODULE_NAME = 'MBXMapView';
-
 const styles = StyleSheet.create({
   matchParent: { flex: 1 },
 });
@@ -463,7 +459,7 @@ type Debounced<F> = F & { clear(): void; flush(): void };
  */
 class MapView extends NativeBridgeComponent(
   React.PureComponent<Props>,
-  NATIVE_MODULE_NAME,
+  NativeMapViewModule,
 ) {
   static defaultProps: Props = {
     scrollEnabled: true,
@@ -636,7 +632,7 @@ class MapView extends NativeBridgeComponent(
         );
       }
 
-      this._runNativeCommand('setHandledMapChangedEvents', this._nativeRef, [
+      this._runNativeMethod('setHandledMapChangedEvents', this._nativeRef, [
         events,
       ]);
     }
@@ -806,7 +802,7 @@ class MapView extends NativeBridgeComponent(
     methodName: string,
     args: NativeArg[] = [],
   ): Promise<ReturnType> {
-    return this._runNativeCommand<typeof RNMBXMapView, ReturnType>(
+    return super._runNativeMethod<typeof RNMBXMapView, ReturnType>(
       methodName,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore TODO: fix types
@@ -918,37 +914,7 @@ class MapView extends NativeBridgeComponent(
     return this._runNative<void>('showAttribution');
   }
 
-  _runNativeCommand<RefType, ReturnType = NativeArg>(
-    methodName: string,
-    nativeRef: RefType | undefined,
-    args: NativeArg[],
-  ): Promise<ReturnType> {
-    // when this method is called after component mounts, the ref is not yet set
-    // schedule it to be called after a timeout
-    if (!this._nativeRef) {
-      return new Promise<ReturnType>((resolve) => {
-        this._preRefMapMethodQueue.push({
-          method: { name: methodName, args },
-          resolver: resolve as (args: NativeArg) => void,
-        });
-      });
-    }
-
-    const handle = findNodeHandle(nativeRef as any);
-
-    // @ts-expect-error TS says that string cannot be used to index NativeMapViewModule.
-    // It can, it's just not pretty.
-    return NativeMapViewModule[methodName]?.(
-      handle,
-      ...(args ?? []),
-    ) as Promise<ReturnType>;
-  }
-
-  _decodePayload<G extends Geometry | null = Geometry, P = GeoJsonProperties>(
-    payload: GeoJSON.Feature<G, P> | string,
-  ): GeoJSON.Feature<G, P> {
-    // we check whether the payload is a string, since the strict type safety is enforced only on iOS on the new arch
-    // on Android, on both archs, the payload is an object
+  _decodePayload<T>(payload: T | string): T {
     if (typeof payload === 'string') {
       return JSON.parse(payload);
     } else {
@@ -956,15 +922,15 @@ class MapView extends NativeBridgeComponent(
     }
   }
 
-  _onPress(e: NativeSyntheticEvent<{ payload: GeoJSON.Feature }>) {
+  _onPress(e: NativeSyntheticEvent<{ payload: GeoJSON.Feature | string }>) {
     if (isFunction(this.props.onPress)) {
       this.props.onPress(this._decodePayload(e.nativeEvent.payload));
     }
   }
 
-  _onLongPress(e: NativeSyntheticEvent<{ payload: GeoJSON.Feature }>) {
+  _onLongPress(e: NativeSyntheticEvent<{ payload: GeoJSON.Feature | string }>) {
     if (isFunction(this.props.onLongPress)) {
-      this.props.onLongPress(e.nativeEvent.payload);
+      this.props.onLongPress(this._decodePayload(e.nativeEvent.payload));
     }
   }
 
@@ -991,17 +957,19 @@ class MapView extends NativeBridgeComponent(
     this.setState({ region: payload });
   }
 
-  _onCameraChanged(e: NativeSyntheticEvent<{ payload: MapState }>) {
-    this.props.onCameraChanged?.(e.nativeEvent.payload);
+  _onCameraChanged(e: NativeSyntheticEvent<{ payload: MapState | string }>) {
+    this.props.onCameraChanged?.(this._decodePayload(e.nativeEvent.payload));
   }
 
   _onChange(
     e: NativeSyntheticEvent<{
       type: string;
-      payload: GeoJSON.Feature<
-        GeoJSON.Point,
-        RegionPayload & { isAnimatingFromUserInteraction: boolean }
-      >;
+      payload:
+        | GeoJSON.Feature<
+            GeoJSON.Point,
+            RegionPayload & { isAnimatingFromUserInteraction: boolean }
+          >
+        | string;
     }>,
   ) {
     const { regionWillChangeDebounceTime, regionDidChangeDebounceTime } =
@@ -1121,9 +1089,11 @@ class MapView extends NativeBridgeComponent(
     return this.props.contentInset;
   }
 
-  _setNativeRef(nativeRef: RNMBXMapViewRefType) {
-    this._nativeRef = nativeRef;
-    super._runPendingNativeCommands(nativeRef);
+  _setNativeRef(nativeRef: RNMBXMapViewRefType | null) {
+    if (nativeRef != null) {
+      this._nativeRef = nativeRef;
+      super._runPendingNativeMethods(nativeRef);
+    }
   }
 
   setNativeProps(props: NativeProps) {
@@ -1172,25 +1142,17 @@ class MapView extends NativeBridgeComponent(
     this._setLocalizeLabels(props);
 
     const callbacks = {
-      ref: (nativeRef: RNMBXMapViewRefType) => this._setNativeRef(nativeRef),
+      ref: (nativeRef: RNMBXMapViewRefType | null) =>
+        this._setNativeRef(nativeRef),
       onPress: this._onPress,
       onLongPress: this._onLongPress,
       onMapChange: this._onChange,
-      onAndroidCallback: isAndroid() ? this._onAndroidCallback : undefined,
       onCameraChanged: this._onCameraChanged,
     };
 
     let mapView = null;
-    if (isAndroid() && !this.props.surfaceView && this.state.isReady) {
-      mapView = (
-        <RNMBXAndroidTextureMapView {...props} {...callbacks}>
-          {this.props.children}
-        </RNMBXAndroidTextureMapView>
-      );
-    } else if (this.state.isReady) {
+    if (this.state.isReady) {
       mapView = (
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore TODO: fix types
         <RNMBXMapView {...props} {...callbacks}>
           {this.props.children}
         </RNMBXMapView>
@@ -1213,19 +1175,19 @@ type NativeProps = Omit<
   Props,
   'onPress' | 'onLongPress' | 'onCameraChanged'
 > & {
-  onPress(event: NativeSyntheticEvent<{ payload: GeoJSON.Feature }>): void;
-  onLongPress(event: NativeSyntheticEvent<{ payload: GeoJSON.Feature }>): void;
-  onCameraChanged(event: NativeSyntheticEvent<{ payload: MapState }>): void;
+  onPress?: (
+    event: NativeSyntheticEvent<{ type: string; payload: string }>,
+  ) => void;
+  onLongPress?: (
+    event: NativeSyntheticEvent<{ type: string; payload: string }>,
+  ) => void;
+  onCameraChanged?: (
+    event: NativeSyntheticEvent<{ type: string; payload: string }>,
+  ) => void;
 };
 
 type RNMBXMapViewRefType = Component<NativeProps> & Readonly<NativeMethods>;
-// const RNMBXMapView = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-// TODO: figure out how to pick the correct implementation
-const RNMBXMapView = NativeMapView;
 
-let RNMBXAndroidTextureMapView: any;
-if (isAndroid()) {
-  RNMBXAndroidTextureMapView = NativeAndroidTextureMapView;
-}
+const RNMBXMapView = NativeMapView as NativeMapViewActual;
 
 export default MapView;

package/src/components/MarkerView.tsx

@@ -1,15 +1,10 @@
 import React from 'react';
-import {
-  Platform,
-  NativeModules,
-  requireNativeComponent,
-  type ViewProps,
-  View,
-} from 'react-native';
+import { Platform, NativeModules, type ViewProps, View } from 'react-native';
 
 import { toJSONString } from '../utils';
 import { makePoint } from '../utils/geoUtils';
 import { type Position } from '../types/Position';
+import NativeMarkerViewComponent from '../specs/RNMBXMarkerViewNativeComponent';
 
 import PointAnnotation from './PointAnnotation';
 
@@ -139,13 +134,6 @@ class MarkerView extends React.PureComponent<Props> {
   }
 }
 
-type NativeProps = ViewProps & {
-  coordinate: string | undefined;
-  anchor: { x: number; y: number };
-  allowOverlap: boolean;
-  isSelected: boolean;
-};
-
-const RNMBXMarkerView = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
+const RNMBXMarkerView = NativeMarkerViewComponent;
 
 export default MarkerView;

package/src/components/NativeBridgeComponent.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
+import { TurboModule } from 'react-native';
 
-import { type NativeArg, runNativeCommand, isAndroid } from '../utils';
-
-let callbackIncrement = 0;
+import { type NativeArg, runNativeMethod } from '../utils';
 
 export type RNMBEvent<PayloadType = { [key: string]: string }> = {
   payload: PayloadType;
@@ -14,12 +13,10 @@ const NativeBridgeComponent = <
   BaseComponent extends new (...ags: any[]) => React.Component<Props>,
 >(
   Base: BaseComponent,
-  nativeModuleName: string,
+  turboModule: TurboModule,
 ) =>
   class extends Base {
-    _nativeModuleName: string;
-    _onAndroidCallback: (e: any) => void;
-    _callbackMap: Map<string, any>;
+    _turboModule: TurboModule;
     _preRefMapMethodQueue: Array<{
       method: { name: string; args: NativeArg[] };
       resolver: (value: NativeArg) => void;
@@ -28,48 +25,17 @@ const NativeBridgeComponent = <
     constructor(...args: any[]) {
       super(...args);
 
-      this._nativeModuleName = nativeModuleName;
-      this._onAndroidCallback = this._onAndroidCallbackO.bind(this);
-      this._callbackMap = new Map();
+      this._turboModule = turboModule;
       this._preRefMapMethodQueue = [];
     }
 
-    _addAddAndroidCallback<ReturnType>(
-      id: string,
-      resolve: (value: ReturnType) => void,
-      reject: (error: Error) => void,
-    ) {
-      this._callbackMap.set(id, { resolve, reject });
-    }
-
-    _removeAndroidCallback(id: string) {
-      this._callbackMap.delete(id);
-    }
-
-    _onAndroidCallbackO(e: React.SyntheticEvent<Element, RNMBEvent>) {
-      const callbackID = e.nativeEvent.type;
-      const callback = this._callbackMap.get(callbackID);
-
-      if (!callback) {
-        return;
-      }
-
-      this._callbackMap.delete(callbackID);
-      const { payload } = e.nativeEvent;
-      if (payload.error) {
-        callback.reject.call(null, new Error(payload.error));
-      } else {
-        callback.resolve.call(null, payload);
-      }
-    }
-
-    async _runPendingNativeCommands<RefType>(nativeRef: RefType) {
+    async _runPendingNativeMethods<RefType>(nativeRef: RefType) {
       if (nativeRef) {
         while (this._preRefMapMethodQueue.length > 0) {
           const item = this._preRefMapMethodQueue.pop();
 
           if (item && item.method && item.resolver) {
-            const res = await this._runNativeCommand(
+            const res = await this._runNativeMethod(
               item.method.name,
               nativeRef,
               item.method.args,
@@ -80,7 +46,7 @@ const NativeBridgeComponent = <
       }
     }
 
-    _runNativeCommand<RefType, ReturnType = NativeArg>(
+    _runNativeMethod<RefType, ReturnType = NativeArg>(
       methodName: string,
       nativeRef: RefType | undefined,
       args: NativeArg[] = [],
@@ -94,21 +60,7 @@ const NativeBridgeComponent = <
         });
       }
 
-      if (isAndroid()) {
-        return new Promise((resolve, reject) => {
-          callbackIncrement += 1;
-          const callbackID = `${methodName}_${callbackIncrement}`;
-          this._addAddAndroidCallback(callbackID, resolve, reject);
-          args.unshift(callbackID);
-          runNativeCommand(this._nativeModuleName, methodName, nativeRef, args);
-        });
-      }
-      return runNativeCommand(
-        this._nativeModuleName,
-        methodName,
-        nativeRef,
-        args,
-      );
+      return runNativeMethod(this._turboModule, methodName, nativeRef, args);
     }
   };
 

package/src/components/NativeUserLocation.tsx

@@ -1,7 +1,6 @@
 import React, { memo } from 'react';
-import { requireNativeComponent } from 'react-native';
 
-const NATIVE_MODULE_NAME = 'RNMBXNativeUserLocation';
+import RNMBXNativeUserLocationNativeComponent from '../specs/RNMBXNativeUserLocationNativeComponent';
 
 export type Props = {
   /**
@@ -23,13 +22,8 @@ export type Props = {
   iosShowsUserHeadingIndicator?: boolean;
 };
 
-type NativeProps = Props;
-
-const RNMBXNativeUserLocation =
-  requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-
 const NativeUserLocation = memo((props: Props) => {
-  return <RNMBXNativeUserLocation {...props} />;
+  return <RNMBXNativeUserLocationNativeComponent {...props} />;
 });
 
 export default NativeUserLocation;

package/src/components/PointAnnotation.tsx

@@ -1,17 +1,14 @@
 import React, { SyntheticEvent, type Component } from 'react';
-import {
-  requireNativeComponent,
-  StyleSheet,
-  Platform,
-  type ViewProps,
-} from 'react-native';
-import { Feature, Point } from 'geojson';
+import { StyleSheet, type ViewProps } from 'react-native';
+import { Feature, GeoJsonProperties, Geometry, Point } from 'geojson';
 
 import { toJSONString, isFunction } from '../utils';
 import checkRequiredProps from '../utils/checkRequiredProps';
 import { makePoint } from '../utils/geoUtils';
 import { type BaseProps } from '../types/BaseProps';
 import { Position } from '../types/Position';
+import RNMBXPointAnnotationNativeComponent from '../specs/RNMBXPointAnnotationNativeComponent';
+import NativeRNMBXPointAnnotationModule from '../specs/NativeRNMBXPointAnnotationModule';
 
 import NativeBridgeComponent, { type RNMBEvent } from './NativeBridgeComponent';
 
@@ -127,7 +124,7 @@ type Props = BaseProps & {
  */
 class PointAnnotation extends NativeBridgeComponent(
   React.PureComponent<Props>,
-  NATIVE_MODULE_NAME,
+  NativeRNMBXPointAnnotationModule,
 ) {
   static defaultProps = {
     anchor: { x: 0.5, y: 0.5 },
@@ -146,33 +143,50 @@ class PointAnnotation extends NativeBridgeComponent(
     this._onDragEnd = this._onDragEnd.bind(this);
   }
 
+  _decodePayload<G extends Geometry | null = Geometry, P = GeoJsonProperties>(
+    payload: GeoJSON.Feature<G, P> | string,
+  ): GeoJSON.Feature<G, P> {
+    // we check whether the payload is a string, since the strict type safety is enforced only on iOS on the new arch
+    // on Android, on both archs, the payload is an object
+    if (typeof payload === 'string') {
+      return JSON.parse(payload);
+    } else {
+      return payload;
+    }
+  }
+
   _onSelected(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
     if (isFunction(this.props.onSelected)) {
-      this.props.onSelected(e.nativeEvent.payload);
+      const payload = this._decodePayload(e.nativeEvent.payload);
+      this.props.onSelected(payload);
     }
   }
 
   _onDeselected(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
     if (isFunction(this.props.onDeselected)) {
-      this.props.onDeselected(e.nativeEvent.payload);
+      const payload = this._decodePayload(e.nativeEvent.payload);
+      this.props.onDeselected(payload);
     }
   }
 
   _onDragStart(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
     if (isFunction(this.props.onDragStart)) {
-      this.props.onDragStart(e.nativeEvent.payload);
+      const payload = this._decodePayload(e.nativeEvent.payload);
+      this.props.onDragStart(payload);
     }
   }
 
   _onDrag(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
     if (isFunction(this.props.onDrag)) {
-      this.props.onDrag(e.nativeEvent.payload);
+      const payload = this._decodePayload(e.nativeEvent.payload);
+      this.props.onDrag(payload);
     }
   }
 
   _onDragEnd(e: SyntheticEvent<Element, RNMBEvent<FeaturePayload>>) {
     if (isFunction(this.props.onDragEnd)) {
-      this.props.onDragEnd(e.nativeEvent.payload);
+      const payload = this._decodePayload(e.nativeEvent.payload);
+      this.props.onDragEnd(payload);
     }
   }
 
@@ -189,16 +203,12 @@ class PointAnnotation extends NativeBridgeComponent(
    * Call this for example from Image#onLoad.
    */
   refresh() {
-    if (Platform.OS === 'android') {
-      this._runNativeCommand('refresh', this._nativeRef, []);
-    } else {
-      this._runNativeCommand('refresh', this._nativeRef, []);
-    }
+    this._runNativeMethod('refresh', this._nativeRef, []);
   }
 
   _setNativeRef(nativeRef: NativePointAnnotationRef | null) {
     this._nativeRef = nativeRef;
-    super._runPendingNativeCommands(nativeRef);
+    super._runPendingNativeMethods(nativeRef);
   }
 
   render() {
@@ -221,9 +231,10 @@ class PointAnnotation extends NativeBridgeComponent(
       coordinate: this._getCoordinate(),
     };
     return (
-      <RNMBXPointAnnotation {...props}>
+      // @ts-expect-error just codegen stuff
+      <RNMBXPointAnnotationNativeComponent {...props}>
         {this.props.children}
-      </RNMBXPointAnnotation>
+      </RNMBXPointAnnotationNativeComponent>
     );
   }
 }
@@ -234,7 +245,4 @@ type NativeProps = Omit<Props, 'coordinate'> & {
 
 type NativePointAnnotationRef = Component<NativeProps>;
 
-const RNMBXPointAnnotation =
-  requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-
 export default PointAnnotation;