[Bug]: Black map screen/tiles not loading, but works in bottom sheet

[samthemagicman]

Mapbox Implementation

Mapbox

Mapbox Version

10.19.4

React Native Version

0.79.2

Platform

iOS

@rnmapbox/maps version

10.1.38

Standalone component to reproduce

import Mapbox from '@rnmapbox/maps';
import React from 'react';

export default function Tab() {
  return (
    <Mapbox.MapView
      style={{
        width: '100%',
        height: '100%',
      }}
    ></Mapbox.MapView>
  );
}

Observed behavior and steps to reproduce

Hi,

I'm running into an issue where there's a black screen when I try use the MapView and put it in my Expo (53) project:

The weird part is it works when it's in Gorhom bottom sheet:

After closing the app and re-opening it, it loads on the main page:

But as you can see, it doesn't load more data than it got from the bottom sheet. So it looks like it's caching the tiles but won't load any more. I'm not sure where to go from here or where to even begin to debug this.

Expected behavior

For map tiles to load

Notes / preliminary analysis

No response

Additional links and references

No response

[samthemagicman]

I feel dumb.

I was calling Mapbox.setAccessToken in a util I was using in the bottom sheet and I wasn't setting it where the main map was. I was stuck on this for a few hours. I wish Mapbox through an error for no/invalid token.

I moved Mapbox.setAccessToken to the root main layout and it works now.