Using Maptiler for style of the map crash the app after warning

Since I can’t get map and Street style to work in my project, so now I use Maptiler style instead. I had the same issue as #1840. Maptiler style has support for Mapbox, so this workaround works until I encounter this warning message in the iOS Simulator and then the app will crash every time the view is loaded.

Mapbox warning [event]:ParseStyle [code]:-1 [message]:source must have tiles {"filePath": "virtual bool mbgl::MGLCoreLoggingObserver::onRecord(mbgl::EventSeverity, mbgl::Event, int64_t, const std::string &)", "level": "warning", "line": 27, "message": "[event]:ParseStyle [code]:-1 [message]:source must have tiles"}

I have cleared the cache deintegrate pods, and install pods again etc.

I have added hasFinishedLoadingStyle to see if that fix the problem and then apply the Camera and MapView:

 <MapboxGL.MapView
            ref={(c) => (this._map = c)}
            onLongPress={() => SheetManager.show(`map-${id}`)}
            style={style.maps}
            styleURL={`https://api.maptiler.com/maps/streets/style.json?key=${MAPTILER_TOKEN}`}
            logoEnabled={false}
            compassEnabled={false}
            pitchEnabled={false}
            onDidFinishLoadingMap={() => this.onDidFinishLoadingStyle()}>
            {this.state.hasFinishedLoadingStyle ? (
              <>
                <MapboxGL.Camera
                  animationDuration={1000}
                  animationMode={'linearTo'}
                  zoomLevel={14}
                  centerCoordinate={currentLocation}
                />
                <MapboxGL.MarkerView id={'marker'} coordinate={currentLocation}>
                  <View>
                    <View style={style.markerContainer}>
                      <View style={style.textContainer}>
                        <Text style={style.text}>{'Samling'}</Text>
                      </View>
                      <MapboxGL.PointAnnotation
                        id={'makerPoint'}
                        coordinate={currentLocation}
                      />
                      <Image
                        source={MapBikeWhiteUnselect}
                        style={{
                          width: 42,
                          height: 52,
                          backgroundColor: 'transparent',
                          resizeMode: 'cover',
                        }}
                      />
                    </View>
                  </View>
                </MapboxGL.MarkerView>
              </>
            ) : null}
          </MapboxGL.MapView>

Is there a way to use the setLogCallbackto ignore the messages to avoid the app to crash?

[jjrise]

to future readers: this issue was caused from using LineGradient in my LineLayer component.

[gustaflindqvist]

to future readers: this issue was caused from using LineGradient in my LineLayer component.

@jjrise Might also be good to check is app has permission before using <UserLocation />. Found this solution: https://github.com/rnmapbox/maps/issues/233#issuecomment-522237807