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.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 forpathOptions.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
tomarker.placement
- Experimental Labels: Renamed
mapView.Labels.auto
tomapView.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 ineu
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.