[Bug]: Random error: “Mapbox [error] ViewTagResolver | view: null found with tag: xxxx but it's either null or not the correct type”.

[two3d]

Mapbox Implementation

Mapbox

Mapbox Version

10.1.33

React Native Version

0.76.6

Platform

Android

@rnmapbox/maps version

11.0.0

Standalone component to reproduce

Index page (for navigation test : index <-> map):

import React from 'react';
import {View,Text} from 'react-native';
import { Link } from 'expo-router';

export default function EventList() {
  return (
      <View>
        <Link href={{pathname: "/map"}}>
          <Text>TEST MAP</Text>
        </Link>
      </View>
  );
}

Map page

import React from 'react';

// importa Mapbox and set token
import Mapbox from '@rnmapbox/maps';
// (token is defined here, but commented for your rule) Mapbox.setAccessToken('xxxxxxxxxxxxxxx');

import { MapView } from '@rnmapbox/maps';
import { View } from 'react-native';


export default function Map() {

  return (
    <View style={{flex: 1}}>
      <MapView style={{flex: 1}}/>
    </View>
  );

};

Observed behavior and steps to reproduce

The error “Mapbox [error] ViewTagResolver | view: null found with tag: xxxx but it's either null or not the correct type” appears randomly as soon as you arrive on the map, sometimes yes, sometimes no.

Note that the “with tag” increases as the error is encountered (may help debugging).

See captures taken one by one. And the console for more details.

After a round-trip index-map

After a round-trip index-map

After a round-trip index-map

After a round-trip index-map

After a round-trip index-map

Expected behavior

Do not display this error.

Notes / preliminary analysis

The “with tag: xxx” increases as the error is encountered.

If the error doesn't appear, go to the map, zoom in or out, then back to the index, then back to the map.

It can take 4 or 5 round trips before there's an error, sometimes 0, sometimes more.

My package.json :

{
  "name": "projectname",
  "main": "expo-router/entry",
  "version": "1.0.1",
  "scripts": {
    "start": "expo start",
    "reset-project": "node ./scripts/reset-project.js",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web",
    "test": "jest --watchAll",
    "lint": "expo lint"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@expo/vector-icons": "^14.0.2",
    "@react-native-async-storage/async-storage": "1.23.1",
    "@react-navigation/bottom-tabs": "^7.2.0",
    "@react-navigation/native": "^7.0.14",
    "@rnmapbox/maps": "^10.1.33",
    "@tanstack/react-query": "^4.36.1",
    "axios": "^1.7.9",
    "expo": "~52.0.27",
    "expo-blur": "~14.0.3",
    "expo-checkbox": "~4.0.1",
    "expo-font": "~13.0.3",
    "expo-image-picker": "~16.0.4",
    "expo-linear-gradient": "~14.0.2",
    "expo-linking": "~7.0.5",
    "expo-router": "~4.0.17",
    "expo-splash-screen": "~0.29.21",
    "expo-status-bar": "~2.0.1",
    "expo-system-ui": "~4.0.7",
    "react": "18.3.1",
    "react-dom": "18.3.1",
    "react-native": "^0.76.6",
    "react-native-gesture-handler": "~2.20.2",
    "react-native-reanimated": "~3.16.1",
    "react-native-safe-area-context": "4.12.0",
    "react-native-screens": "~4.4.0",
    "react-native-web": "~0.19.13",
    "react-native-webview": "13.12.5"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2",
    "@react-native-community/cli": "^15.1.3",
    "@types/jest": "^29.5.12",
    "@types/react": "~18.3.12",
    "@types/react-test-renderer": "^18.3.0",
    "jest": "^29.2.1",
    "jest-expo": "~52.0.3",
    "react-test-renderer": "18.3.1",
    "typescript": "^5.3.3"
  },
  "private": true
}

My device :

Android Emulator - OUKITEL_API_31:5554

Additional links and references

No response

[torodebout]

same issue in cli, happening on android only, not ios

[two3d]

I see that the version returned by the command: “npm @rnmapbox/maps -v” is 11.0.0.
My package.json shows 10.1.33

Perhaps this has something to do with the error?