iOS crash when adding a HeatmapLayer

Describe the bug
This library appears to crash on iOS any time there is a HeatmapLayer in a map.

To Reproduce
Add any HeatmapLayer to a map and react-native run-ios. The app will crash

I have created a minimal repository that causes the crash on iOS. https://github.com/zholmes1/MapboxHeatmapExample

Crash report: https://raw.githubusercontent.com/zholmes1/MapboxHeatmapExample/master/MapboxHeatmapExample_2021-02-08-190724_Zachs-MacBook-Pro.crash

Example:

import React, {Component} from 'react';
import {StyleSheet, View} from 'react-native';
import MapboxGL from '@react-native-mapbox-gl/maps';

MapboxGL.setAccessToken('YOUR-ACCESS-TOKEN');

const styles = StyleSheet.create({
  page: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  container: {
    height: 300,
    width: 300,
    backgroundColor: 'tomato',
  },
  map: {
    flex: 1,
  },
});

export default class App extends Component {
  componentDidMount() {
    MapboxGL.setTelemetryEnabled(false);
  }

  render() {
    return (
      <View style={styles.page}>
        <View style={styles.container}>
          <MapboxGL.MapView style={styles.map}>
            <MapboxGL.VectorSource
              id="occurrence"
              tileUrlTemplates={[
                `https://api.gbif.org/v2/map/occurrence/density/{z}/{x}/{y}.mvt?taxonKey=8671098`,
              ]}>
              <MapboxGL.HeatmapLayer
                id="occurrence"
                sourceID="occurrence"
                sourceLayerID="occurrence"
                style={{
                  heatmapOpacity: 0.5,
                  heatmapRadius: [
                    'interpolate',
                    ['linear'],
                    ['zoom'],
                    0,
                    2,
                    9,
                    20,
                  ],
                }}
              />
            </MapboxGL.VectorSource>
          </MapboxGL.MapView>
        </View>
      </View>
    );
  }
}

Expected behavior
HeatmapLayer works properly on iOS

Actual behavior
App hard crashes

Versions (please complete the following information):

• Platform: iOS
• Platform OS: 14.1
• Device: iPhone 11
• Emulator/ Simulator: Both
• Dev OS: macOS 11.1
• react-native-mapbox-gl Version: 8.1.0
• React Native Version: 0.63.4

Other It appears this crash was documented in 2019 in the mapbox-gl-native repository. There was a merged into that repository that was meant to fix this crash. https://github.com/mapbox/mapbox-gl-native/issues/14807

[ferdicus]

@zholmes1 , btw, I’ve found what’s causing the warning - it’s based on a change introduced by the upstream SDKs: ios / android

It’s annoying, however I think it’s save to ignore

[zholmes1]

Okay great! Thanks for the quick resolution to this. I’ll leave it up to you whether this issue should be closed or not. It will take care of itself whenever this repo updates to the 6.3 iOS SDK.