Skip to main content
Version: 6.0

Release Notes

Mappedin SDK for React Native v6 release notes are posted here and this page will be kept up-to-date as updates are released. The SDK is available from @mappedin/react-native-sdk on NPM.

v6.4.0​

November 14, 2025

  • Upgraded @mappedin/mappedin-js to v6.4.0.

v6.3.1​

November 6, 2025

  • Upgraded @mappedin/mappedin-js to v6.3.1.

v6.3.0​

November 5, 2025

  • Upgraded @mappedin/mappedin-js to v6.3.0.

v6.2.0​

October 27, 2025

  • Upgraded @mappedin/mappedin-js to v6.2.0.

v6.1.2​

October 23, 2025

  • Upgraded @mappedin/mappedin-js to v6.1.2.

v6.1.1​

October 21, 2025

  • Upgraded @mappedin/mappedin-js to v6.1.1.

v6.1.0​

October 21, 2025

  • Upgraded @mappedin/mappedin-js to v6.1.0.

v6.0.0​

October 01, 2025

Breaking Changes​

⚠️ Blue Dot Moved to Separate Package​

Blue Dot functionality is now exclusively available through @mappedin/blue-dot. The temporary mapView.__BlueDot accessor has been removed.

Migration:

import { MapView } from '@mappedin/react-native-sdk';
import { useBlueDot } from '@mappedin/blue-dot/rn';

function MyComponent() {
  const { enable, isReady } = useBlueDot()

  React.useEffect(() => {
    if (isReady) {
      enable();
    }
  }, [isReady]);
}

Bug Fixes​

  • Fixed baseUrl configuration issue where web view was blocking access token retrieval
  • Updated React Native SDK readme

v6.0.0-rc.5​

Breaking Changes​

⚠️ State Management API Update​

Change: getState() and updateState() methods no longer accept entity ID directly as a parameter

Before:

mapView.getState('entity-id-123')
mapView.updateState('entity-id-123', newState)

Now:

const entity = mapView.getById('space', id)
mapView.getState(entity)
mapView.updateState(entity, newState)

Why: Improves API consistency and type safety across the SDK

Bug Fixes​

React Native Web Improvements​

  • Input Focus Issue: Fixed React Native web examples where input fields were losing focus during user interaction
  • State Hydration: updateState() now correctly processes state objects for hydration and deserialization
  • Iframe Serialization: React Native web messaging with iframe now properly serializes/deserializes data, resolving directions.draw functionality

Dependency Management​

  • Fixed peer dependency issue. Now react-native correctly peer depend on the corresponding @mappedin/mappedin-js version. Currently v6.0.0-rc.5

Documentation​

  • React Native & React Integration: Added @mappedin/mappedin-js documentation to React Native and React SDK guides for improved developer experience

v6.0.0-beta.1​

Features​

🔵 React Native SDK now supports useBlueDot hook extension​

import { MapView } from '@mappedin/react-native-sdk';
import { useBlueDot } from '@mappedin/blue-dot';

function MyComponent() {
  const { enable, isReady, state, following } = useBlueDot()

  // Use the Blue Dot API
  React.useEffect(() => {
    if (isReady) {
      enable({ radius: 15, color: '#ff0000' });
    }
  }, [isReady]);
}

🚀 New api mapView.getInView('label') supports getting label that's in the viewport​

Breaking Changes​

  • Rename Images to Image3D and Image to Image3DView
  • mapView.Query.nearest is now async and added travel mode to Query.nearest for fast searching of features around a coordinate.

Bug fixes​

  • fixed an issue mapData language option is not respected

v6.0.0-beta.0​

Features​

Breaking Change: useDynamicFocus hook moved to dedicated package

  • Before: Imported from @mappedin/react-native-sdk
  • Now: Import from @mappedin/dynamic-focus
  • Why: React Native SDK now supports our extension system architecture

Usage:


import { MapView } from '@mappedin/react-native-sdk';
import { useDynamicFocus } from '@mappedin/dynamic-focus';

function MyComponent() {
  const { updateState, isReady } = useDynamicFocus();

  // Use the Dynamic Focus API
  React.useEffect(() => {
    if (isReady) {
      updateState({ autoFocus: true });
    }
  }, [isReady]);
}

Breaking Change​

  • rename useEvent to useMapViewEvent
  • Remove useDynamicFocus hook
  • Add @mappedin/mappedin-js as peer dependency
  • removed useDynamicFocus in favour of extension

v6.0.0-alpha.14​

Aug 28, 2025

Features​

  • React Native SDK Browser Support: The React Native SDK can now run directly in browser environments.
  • Introduced new path.width property: short hand for pathOptions.nearRadius, pathOptions.farRadius, pathOptions.nearZoom, pathOptions.farZoom
mapView.updateState(path, {
	on: 'zoom-level',
	input: [17, 18],
	output: [1, 2],
	easing: 'ease-in',
});

Breaking Changes​

  • Marker API Update: Renamed marker.anchor to marker.placement
  • Experimental Labels: Renamed mapView.Labels.auto to mapView.Labels.__EXPERIMENTAL__auto to reflect its status
  • BlueDot Deprecation:
    • mapView.BlueDot is now deprecated
    • Temporary access available via mapView.__BlueDot
    • Will be moved to separate package in future release

Bug Fixes​

  • EU Environment Loading: Resolved issue preventing mapData loading in eu environment
  • Deep API Calls: Fixed nested API calls (2+ levels deep) - mapView.Camera.interactions.set() now works correctly

v6.0.0-alpha.13​

July 21, 2025

Features​

Dynamic Focus Hook​

New useDynamicFocus hook to RN user to utilize the @mappedin/dynamic-focus package.

const dynamicFocus = useDynamicFocus();
dynamicFocus.enable();

Offline Map Support​

Load maps without internet connectivity by passing pre-hydrated map data to <MapView /> component

const mapData = await hydrateMapData(mvf);
<MapView mapData={mapData} />

Offline 3D Models​

Support for offline GLB and GLTF files (base64 encoded)

<Models url={base64EncodedModelUri} />

Smaller & Cleaner WaterMark​

Smaller, icon-only Mappedin watermark for cleaner map displays

v6.0.0-alpha.12 - June 30, 2025​

  • Initial release.