@maplibre/maplibre-react-native 11.0.0-beta.27 → 11.0.0-beta.28

package/lib/typescript/module/modules/transform-request/TransformRequestManager.d.ts

@@ -147,8 +147,13 @@ declare class TransformRequestManager {
      * });
      * ```
      *
-     * // Add apiKey to all requests (no match = applies to all)
-     * TransformRequestManager.addUrlSearchParam({ name: "apiKey", value: "your-api-key" });
+     * @example Add apiKey to all requests (no match = applies to all)
+     * ```ts
+     * TransformRequestManager.addUrlSearchParam({
+     *   name: "apiKey",
+     *   value: "your-api-key",
+     * });
+     * ```
      */
     addUrlSearchParam(options: UrlSearchParamOptions): string;
     /**

package/lib/typescript/module/modules/transform-request/TransformRequestManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransformRequestManager.d.ts","sourceRoot":"","sources":["../../../../../src/modules/transform-request/TransformRequestManager.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IAEb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IAEb,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAM,uBAAuB;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4CG;IACH,eAAe,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM;IAarD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIpC;;OAEG;IACH,kBAAkB,IAAI,IAAI;IAI1B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM;IAazD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAItC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM;IAazC;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI9B;;OAEG;IACH,YAAY,IAAI,IAAI;IAIpB;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,MAAM,CAAC,aAAa;CAgB7B;AAED,QAAA,MAAM,uBAAuB,yBAAgC,CAAC;AAE9D,OAAO,EAAE,uBAAuB,IAAI,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"TransformRequestManager.d.ts","sourceRoot":"","sources":["../../../../../src/modules/transform-request/TransformRequestManager.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IAEb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IAEb,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAM,uBAAuB;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4CG;IACH,eAAe,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM;IAarD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIpC;;OAEG;IACH,kBAAkB,IAAI,IAAI;IAI1B;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM;IAazD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAItC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM;IAazC;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI9B;;OAEG;IACH,YAAY,IAAI,IAAI;IAIpB;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,MAAM,CAAC,aAAa;CAgB7B;AAED,QAAA,MAAM,uBAAuB,yBAAgC,CAAC;AAE9D,OAAO,EAAE,uBAAuB,IAAI,uBAAuB,EAAE,CAAC"}

package/lib/typescript/module/types/BaseProps.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Base props supported by all components.
+ */
 export interface BaseProps {
     testID?: string;
 }

package/lib/typescript/module/types/BaseProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseProps.d.ts","sourceRoot":"","sources":["../../../../src/types/BaseProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"BaseProps.d.ts","sourceRoot":"","sources":["../../../../src/types/BaseProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/module/types/PressEvent.d.ts

@@ -1,5 +1,8 @@
 import type { LngLat } from "./LngLat";
 import type { PixelPoint } from "./PixelPoint";
+/**
+ * Event data for map press interactions.
+ */
 export interface PressEvent {
     /**
      * Geographic coordinates of the touch event

package/lib/typescript/module/types/PressEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PressEvent.d.ts","sourceRoot":"","sources":["../../../../src/types/PressEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB"}
+{"version":3,"file":"PressEvent.d.ts","sourceRoot":"","sources":["../../../../src/types/PressEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB"}

package/lib/typescript/module/types/PressEventWithFeatures.d.ts

@@ -1,4 +1,7 @@
 import type { PressEvent } from "./PressEvent";
+/**
+ * Press event data enriched with GeoJSON features at the pressed location.
+ */
 export interface PressEventWithFeatures extends PressEvent {
     features: GeoJSON.Feature[];
 }

package/lib/typescript/module/types/PressEventWithFeatures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PressEventWithFeatures.d.ts","sourceRoot":"","sources":["../../../../src/types/PressEventWithFeatures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,UAAU;IACxD,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC;CAC7B"}
+{"version":3,"file":"PressEventWithFeatures.d.ts","sourceRoot":"","sources":["../../../../src/types/PressEventWithFeatures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,UAAU;IACxD,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC;CAC7B"}

package/lib/typescript/module/types/{sources/PressableSourceProps.d.ts → PressableSourceProps.d.ts}

@@ -1,6 +1,9 @@
 import type { NativeSyntheticEvent } from "react-native";
-import type { PressEventWithFeatures } from "../PressEventWithFeatures";
-import type { ViewPadding } from "../ViewPadding";
+import type { PressEventWithFeatures } from "./PressEventWithFeatures";
+import type { ViewPadding } from "./ViewPadding";
+/**
+ * Props shared by source components that support press interactions.
+ */
 export interface PressableSourceProps {
     /**
      * Emits on press when a child `Layer` within the hitbox has highest z-index

package/lib/typescript/module/types/PressableSourceProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableSourceProps.d.ts","sourceRoot":"","sources":["../../../../src/types/PressableSourceProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;IAExE;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB"}

package/lib/typescript/module/types/ViewPadding.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Pixel insets used for view padding.
+ */
 export type ViewPadding = {
     top?: number;
     right?: number;

package/lib/typescript/module/types/ViewPadding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewPadding.d.ts","sourceRoot":"","sources":["../../../../src/types/ViewPadding.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"ViewPadding.d.ts","sourceRoot":"","sources":["../../../../src/types/ViewPadding.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "React Native library for creating maps with MapLibre Native for Android & iOS",
-  "version": "11.0.0-beta.27",
+  "version": "11.0.0-beta.28",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -25,6 +25,8 @@
     "url": "https://github.com/maplibre/maplibre-react-native/issues"
   },
   "scripts": {
+    "format:clang-format": "find ios -type f \\( -name \"*.h\" -o -name \"*.m\" -o -name \"*.mm\" \\) -exec clang-format -i {} +",
+    "format:ktlint": "ktlint --format \"android/src/**/*.kt\"",
     "lint": "yarn lint:tsc && yarn lint:eslint",
     "lint:tsc": "tsc --project ./ && tsc --project ./src/__tests__",
     "lint:eslint": "eslint ./ --max-warnings 0",

package/src/components/annotations/marker/Marker.tsx

@@ -30,6 +30,9 @@ export type NativeMarkerRef = Component<
 > &
   ReactNativeElement;
 
+/**
+ * Event emitted by a Marker on press.
+ */
 export type MarkerEvent = PressEvent & {
   id: string;
 };

package/src/components/annotations/view-annotation/ViewAnnotation.tsx

@@ -40,6 +40,9 @@ export type NativeViewAnnotationRef = Component<
 > &
   ReactNativeElement;
 
+/**
+ * Event emitted by a ViewAnnotation on press.
+ */
 export type ViewAnnotationEvent = PressEvent & {
   id: string;
 };

package/src/components/camera/Camera.tsx

@@ -19,6 +19,9 @@ import type { LngLat } from "../../types/LngLat";
 import type { LngLatBounds } from "../../types/LngLatBounds";
 import type { ViewPadding } from "../../types/ViewPadding";
 
+/**
+ * Camera viewport configuration: zoom, bearing, pitch, and padding.
+ */
 export interface CameraOptions {
   /**
    * The zoom level of the map.
@@ -41,8 +44,14 @@ export interface CameraOptions {
   padding?: ViewPadding;
 }
 
+/**
+ * Easing function used for camera animations.
+ */
 export type CameraEasing = undefined | "linear" | "ease" | "fly";
 
+/**
+ * Animation timing options for camera transitions.
+ */
 export interface CameraAnimationOptions {
   /**
    * The duration the map takes to animate to a new configuration.
@@ -55,6 +64,9 @@ export interface CameraAnimationOptions {
   easing?: CameraEasing;
 }
 
+/**
+ * Camera center coordinate options.
+ */
 export interface CameraCenterOptions {
   /**
    * Geographic center coordinates of the map
@@ -62,6 +74,9 @@ export interface CameraCenterOptions {
   center: LngLat;
 }
 
+/**
+ * Camera bounds options.
+ */
 export interface CameraBoundsOptions {
   /**
    * The corners of a box around which the map should bound.
@@ -69,14 +84,24 @@ export interface CameraBoundsOptions {
   bounds: LngLatBounds;
 }
 
+/**
+ * Camera animation stop positioned by a center coordinate.
+ */
 export type CameraCenterStop = CameraOptions &
   CameraAnimationOptions &
   CameraCenterOptions;
 
+/**
+ * Camera animation stop positioned by geographic bounds.
+ */
 export type CameraBoundsStop = CameraOptions &
   CameraAnimationOptions &
   CameraBoundsOptions;
 
+/**
+ * A single camera animation stop — optionally positioned by center, bounds, or
+ * neither.
+ */
 export type CameraStop =
   | (CameraOptions &
       CameraAnimationOptions & {
@@ -86,6 +111,9 @@ export type CameraStop =
   | CameraCenterStop
   | CameraBoundsStop;
 
+/**
+ * Initial camera state when the map first loads.
+ */
 export type InitialViewState =
   | (CameraOptions & {
       center?: never;
@@ -94,8 +122,14 @@ export type InitialViewState =
   | (CameraOptions & CameraCenterOptions)
   | (CameraOptions & CameraBoundsOptions);
 
+/**
+ * User location tracking mode.
+ */
 export type TrackUserLocation = "default" | "heading" | "course";
 
+/**
+ * Event emitted when the user location tracking mode changes.
+ */
 export type TrackUserLocationChangeEvent = {
   trackUserLocation: TrackUserLocation | null;
 };
@@ -104,18 +138,20 @@ export interface CameraRef {
   /**
    * Map camera will move to new coordinates at the same zoom level
    *
-   * @example
-   * cameraRef.current?.easeTo([lng, lat], 200) // eases camera to new location based on duration
-   * cameraRef.current?.easeTo([lng, lat]) // snaps camera to new location without any easing
+   * @example Jump to a position
+   * ```ts
+   * cameraRef.current?.jumpTo({ center: [lng, lat] });
+   * ```
    */
   jumpTo(options: CameraCenterOptions & CameraOptions): void;
 
   /**
    * Map camera will move to new coordinates at the same zoom level
    *
-   * @example
-   * cameraRef.current?.easeTo([lng, lat], 200) // eases camera to new location based on duration
-   * cameraRef.current?.easeTo([lng, lat]) // snaps camera to new location without any easing
+   * @example Eases camera to new location based on duration
+   * ```ts
+   * cameraRef.current?.easeTo({ center: [lng, lat], duration: 200 });
+   * ```
    */
   easeTo(
     options: CameraCenterOptions & CameraOptions & CameraAnimationOptions,
@@ -125,8 +161,9 @@ export interface CameraRef {
    * Map camera will fly to new coordinate
    *
    * @example
-   * cameraRef.current?.flyTo([lng, lat])
-   * cameraRef.current?.flyTo([lng, lat], 12000)
+   * ```ts
+   * cameraRef.current?.flyTo({ center: [lng, lat], duration: 12000 });
+   * ```
    */
   flyTo(
     options: CameraCenterOptions & CameraOptions & CameraAnimationOptions,
@@ -136,8 +173,13 @@ export interface CameraRef {
    * Map camera transitions to fit provided bounds
    *
    * @example
-   * cameraRef.current?.fitBounds([west, south, east, north])
-   * cameraRef.current?.fitBounds([west, south, east, north], { top: 20, right: 20, bottom: 20, left: 20 }, 1000)
+   * ```ts
+   * cameraRef.current?.fitBounds(
+   *   [west, south, east, north],
+   *   { top: 20, right: 20, bottom: 20, left: 20 },
+   *   1000,
+   * );
+   * ```
    */
   fitBounds(
     bounds: LngLatBounds,
@@ -151,8 +193,9 @@ export interface CameraRef {
    * @param options - Options
    *
    * @example
-   * cameraRef.current?.zoomTo(16)
-   * cameraRef.current?.zoomTo(16, 100)
+   * ```ts
+   * cameraRef.current?.zoomTo(16, { duration: 100 });
+   * ```
    */
   zoomTo(zoom: number, options?: CameraOptions & CameraAnimationOptions): void;
 
@@ -162,18 +205,23 @@ export interface CameraRef {
    * @param stop - Array of Camera stops
    *
    * @example
+   * ```ts
    * cameraRef.current?.setStop({
    *   centerCoordinate: [lng, lat],
    *   zoomLevel: 16,
    *   duration: 2000,
-   * })
+   * });
+   * ```
    *
+   * @example
+   * ```ts
    * cameraRef.current?.setStop({
    *   stops: [
    *     { pitch: 45, duration: 200 },
    *     { heading: 180, duration: 300 },
-   *   ]
-   * })
+   *   ],
+   * });
+   * ```
    */
   setStop(stop: CameraStop): Promise<void>;
 }
@@ -203,10 +251,10 @@ export type CameraProps = BaseProps &
     /**
      * The mode used to track the user location on the map:
      *
-     * - undefined: The user's location is not tracked
-     * - "default": Centers the user's location
-     * - "heading": Centers the user's location and uses the compass for bearing
-     * - "course": Centers the user's location and uses the direction of travel for
+     * - `undefined`: The user's location is not tracked
+     * - `"default"`: Centers the user's location
+     * - `"heading"`: Centers the user's location and uses the compass for bearing
+     * - `"course"`: Centers the user's location and uses the direction of travel for
      *   bearing
      *
      * @defaultValue undefined
@@ -226,6 +274,9 @@ export type CameraProps = BaseProps &
     ref?: Ref<CameraRef>;
   };
 
+/**
+ * Controls the viewport of the Map.
+ */
 export const Camera = memo(
   ({
     testID,

package/src/components/images/Images.tsx

@@ -12,11 +12,18 @@ import ImagesNativeComponent, {
 import "./NativeImagesModule";
 import { type BaseProps } from "../../types/BaseProps";
 
+/**
+ * An image source with optional SDF (Signed Distance Field) rendering mode.
+ */
 export type ImageSourceWithSdf = {
   source: ImageSourcePropType;
   sdf?: boolean;
 };
 
+/**
+ * A map image entry: a URL string, a native asset require, or an
+ * {@link ImageSourceWithSdf} object.
+ */
 export type ImageEntry = string | ImageRequireSource | ImageSourceWithSdf;
 
 export interface ImagesProps extends BaseProps {

package/src/components/layer/Layer.tsx

@@ -182,28 +182,39 @@ export type LayerProps =
 /**
  * Layer is a style layer that renders geospatial data on the map.
  *
- * This is a unified, type-safe layer component that supports all layer types.
- * Use the style-spec compliant `paint` and `layout` props with kebab-case keys.
+ * Follow the [MapLibre Style
+ * Spec](https://maplibre.org/maplibre-style-spec/layers/) for Layer
+ * definitions.
  *
- * @example
+ * @example Basic Usage
  * ```tsx
- * // Style spec compliant (recommended)
  * <Layer
  *   type="fill"
  *   id="parks"
  *   source="parks-source"
  *   paint={{ "fill-color": "green", "fill-opacity": 0.5 }}
  *   layout={{ visibility: "visible" }}
- * />
- * // With expressions
+ * />;
+ * ```
+ *
+ * @example Using Expressions
+ * ```tsx
  * <Layer
  *   type="fill"
  *   id="parks"
  *   source="parks-source"
  *   paint={{
- *     "fill-color": ["interpolate", ["linear"], ["get", "elevation"], 0, "blue", 100, "red"],
+ *     "fill-color": [
+ *       "interpolate",
+ *       ["linear"],
+ *       ["get", "elevation"],
+ *       0,
+ *       "blue",
+ *       100,
+ *       "red",
+ *     ],
  *   }}
- * />
+ * />;
  * ```
  */
 export const Layer = ({ id, ...props }: LayerProps) => {