Tiles Render out of order ZXY

[Godhran]

Developing on latest XCode. Using code from the Watercolour example, images from the watercolor api appear out of order on the mapbox component

    render() {
const rasterSourceProps = {
      id: 'rasterMapSource',
      tileUrlTemplates: [
        'https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{y}/{x}.jpg',
      ],
      tileSize: 256,
    };
        return (
        <Fragment>
                  <MapboxGL.MapView
                            styleURL={'MY STYLE'}
                            style={styles.matchParent}
                            rotateEnabled={false}
                            >

                            <MapboxGL.Camera
                                rotateEnalbed={false}
                                centerCoordinate={[-6.752471, 54.612243]}
                            />
                            <MapboxGL.RasterSource {...rasterSourceProps}>
                                        <MapboxGL.RasterLayer
                                          id="rasterMapLayer"
                                          sourceID="rasterMapSource"
                                          style={{rasterOpacity: 1}}
                                        />
                            </MapboxGL.RasterSource>

</MapboxGL.MapView>
            </Fragment>
        );
    }
};

[Godhran]

Literally noticed my error on posting. Had {z}, {x}, {y} in wrong order.

[systemlevel]

@Godhran This repo is no longer maintained. Get the RNMapbox community maintained repo here: https://github.com/react-native-mapbox-gl/maps