There is literally no error that gets thrown, the app crashes. If the "Id" of the heatMapLayer is removed then the app won't crash but the heatmap won't show.
Expected behavior
No response
Notes / preliminary analysis
If the "Id" of the heatMapLayer is removed then the app won't crash but the heatmap won't show.
Mapbox Implementation
Mapbox
Mapbox Version
default
Platform
Android
@rnmapbox/maps
version10.1.0-beta.18
Standalone component to reproduce
import React, { useState, useEffect } from 'react'; import { View, TouchableOpacity, ImageBackground, Text } from 'react-native'; import MapboxGL, { ShapeSource, SymbolLayer, Marker, MarkerView, Camera, UserLocationRenderMode } from '@rnmapbox/maps'; import { useNavigation, useFocusEffect } from '@react-navigation/native';
const MapComponent = () => { // Define state variables and any other hooks const [mapLoaded, setMapLoaded] = useState(false); const [isBlurVisible, setBlurVisible] = useState(false); const [filteredClubs, setFilteredClubs] = useState([]); const [isFilteredByDate, setIsFilteredByDate] = useState([]); const [isFilteredByDateOfOpening, setIsFilteredByDateOfOpening] = useState([]); const navigation = useNavigation(); const filteredHeatmapData=[] const heatmapData=[] const renderMarkers = () => {
};
export default Mapcomp;
const styles = StyleSheet.create({ page: { flex: 1, }, container: { height: '100%', width: '100%', }, map: { flex: 1 }, loadingContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', }, textcontainer: { flex: 1, justifyContent: 'center', alignItems: 'center', }, text: { color: 'black', }, modalContainer: { marginTop: "35%", alignSelf: "center", backgroundColor: "white", borderRadius: 10, padding: 20, shadowColor: "#000", shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.25, shadowRadius: 4, elevation: 5, height: 220 }, checkbox: { width: 20, height: 20, margin: 5, justifyContent: "center", alignItems: "center", borderWidth: 1, borderColor: "#000" }, checked: { width: 12, height: 12, backgroundColor: "#000" }, unchecked: { width: 12, height: 12, backgroundColor: "#fff" }, close: { marginBottom: 10, alignSelf: "flex-end" }
});
Observed behavior and steps to reproduce
There is literally no error that gets thrown, the app crashes. If the "Id" of the heatMapLayer is removed then the app won't crash but the heatmap won't show.
Expected behavior
No response
Notes / preliminary analysis
If the "Id" of the heatMapLayer is removed then the app won't crash but the heatmap won't show.
Additional links and references
No response