Switch URL for JSON data in DataDrivenCircleColors.js demo

[franciscohanna92]

Hello guys.

I'm new to Mapbox and I'm having a hard with some stuff (I come from using Google Maps on the web and react-native). I'm trying to do something similar to the DataDrivenCircleColors.js but with data points that come from a API.

The code in the demo looks like:

<MapboxGL.VectorSource
    id="population"
    url={'mapbox://examples.8fgz4egr'}>
    <MapboxGL.CircleLayer
        id="sf2010CircleFill"
        sourceLayerID="sf2010"
        style={styles.circles}
    />
</MapboxGL.VectorSource>

How can achieve what I'm looking for? I don't find any prop on VectorSource to pass in some GeoJSON data and I'm not even sure that's what I'm supossed to do.