Loading a remote asset into ModelLayer

[e-e]

Is it possible to load remote assets into a <ModelLayer>? I have glbs that I'd like to display on the map, and they are loaded from a server as a list of URLs.

Currently using "@rnmapbox/maps": "^10.1.37" with mapbox v11

What I've tried so far:

<...>
  <MapboxGL.Models models={{"myMarker": "<remote-model-url>"}}  />
  <MapboxGL.ShapeSource
    key={position.id}
    id={`source-${position.id}`}
    shape={{
      type: 'Feature',
      properties: {},
      geometry: {
        type: 'Point',
        coordinates: position.coordinates,
      },
    }}
  >
    <ModelLayer
                  id={`model-${position.id}`}
                  slot="top"
                  style={{
                    modelId: "myMarker",
                    modelScale: [40, 40, 40],
                    modelTranslation: [0, 0, 100],
                  }}
                />
  </MapboxGL.ShapeSource>
</...>

Update:
I hard-coded the model url to use https://github.com/rnmapbox/maps/raw/refs/heads/main/example/src/assets/sportcar.glb, and that works. Are there any considerations when hosting the files? I currently have them uploaded to Firebase with a mime-type of model/gltf-binary. I can download them from the URL and open them up just fine locally.

[sohamingle]

Did you find a solution?