[Bug]: multiPolygon common borders are not drawn/shown

[aderiushev]

Mapbox Implementation

Mapbox

Mapbox Version

10.18.2

React Native Version

0.74.2

Platform

iOS, Android

@rnmapbox/maps version

10.1.28

Standalone component to reproduce

import Mapbox from '@rnmapbox/maps';
import { SafeAreaView } from 'react-native';

const styles = {
  polygons: {
    fillColor: 'red',
    fillOpacity: 0.5,
  },
  line: {
    lineWidth: 3,
  }
};

export const Map = () => {
  const shape = {PASTE_HERE_GEOJSON_FROM_GIST_LINK_BELOW}

  return (
    <Mapbox.MapView style={{ flex: 1 }}>
      <Mapbox.ShapeSource
        id="polygonsSource"
        shape={shape}
      >
        <Mapbox.LineLayer
          id="polygonSymbols"
          style={styles.line}
        />
        <Mapbox.FillLayer
          id="polygonSymbols3"
          style={styles.polygons}
        />
      </Mapbox.ShapeSource>
    </Mapbox.MapView>
  );
};

function App()  {
  return (
    <SafeAreaView>
        <Map />
    </SafeAreaView>
  );
}

export default App;

Observed behavior and steps to reproduce

here is how it is displayed now, common borders got hidden

Expected behavior

it looks like the following with cells (bordered, all common borders are shown)

https://geojson.io/ (powered by mapbox)

Notes / preliminary analysis

No response

Additional links and references

https://gist.github.com/aderiushev/00e9f6ea63703ccd0bf345526d31c9b4

[aderiushev]

what do u want me to add here, mr. bot?

[github-actions]

No code example found in issue body - More info