App crashes on using PointAnnotation in loop with below error

Describe the bug When i am using Point annonation in loop or conditional way to render point then many times it crashes an app.

1. Crashes an app
2. Point annotation loads image on second time. Even refresh prop use also do nothing.

To Reproduce This code is resides in home page. When do login and redirect to home page it shows map with multiple point annotation. For that i am using loop.

Sample code:

function Home(props) {

function getPoints(centers) {
    const items = [];
    for (let i = 0; i < centers.length; i++) {
      const center = centers[i];
      if(currentCentre && currentCentre.id === center.id) {
        continue;
      }
      items.push(
        <MapboxGL.PointAnnotation
          key={i}
          id={`${i}`}
          coordinate={getLocation(center.location)}
          title={center.name}
          onSelected={() => console.log('sss')}>
          <View>
            <Image
              source={imageMapper.station.source}
              style={{width: 40, height: 47}}
            />
          </View>
        </MapboxGL.PointAnnotation>,
      );
    }
    return items;
  }

   return (
    <MapboxGL.MapView
        style={styles.map}
        logoEnabled={false}
      >
        <MapboxGL.Camera
          zoomLevel={13}
          centerCoordinate={[72.75488663468855, 21.146613036727842]}
        />
        <MapboxGL.UserLocation />
        {getPoints(_centers)}
        
        <MapboxGL.PointAnnotation
          ref={r => (pointRef.current = r)}
          id={`test`}
          coordinate={getLocation(currentCentre.location)}>
          <View>
            <Image
              source={imageMapper.selectedStation.source}
              style={{width: 40, height: 47}}
              onLoad={() => {
                console.log(pointRef);
                // pointRef.current && pointRef.current.refresh();
              }}
            />
          </View>
        </MapboxGL.PointAnnotation>
      </MapboxGL.MapView>
)
}

Expected behavior

1. It should not crash an app.
2. It should load image component every tine without fail.

Versions:

• Platform: [Android]
• react-native-mapbox-gl Version [8.0.0-rc2]
• React Native Version [0.62.0]

Additional context Inform me if you need more information. Ready to fix problem together. thanks

[Julious1994]

up ! @mfazekas @Julious1994 do you still have this bug ?

Yes @JordanProtin still getting issue.

[JordanProtin]

@mfazekas for sure !

This is a single example component that represents this bug. Please note I get this bug randomly, it doesn’t happen all the time, and I don’t know why.

In this example, you have to edit the MAPBOX_GL_ACCESS_TOKEN constant with your personal key. (line 7)

This script uses external libraries such as react-native-svg and @turf/helpers

Thank you for your help !