Error: @rnmapbox/maps native code not available. Make sure you have linked the library and rebuild your app.

[nishbarot]

I'm encountering an error when using the @rnmapbox/maps in my ExpoJS build.

Error: @rnmapbox/maps native code not available. Make sure you have linked the library and rebuild your app. See https://rnmapbox.github.io/docs/install?rebuild=expo#rebuild, js engine: hermes

I have ran npx expo rebuild --clean and that did not help.

  "dependencies": {
    "@rnmapbox/maps": "^10.1.8",
    "eas-cli": "^7.1.1",
    "expo": "~50.0.4",
    "expo-dev-client": "^3.3.7",
    "expo-location": "^16.5.2",
    "expo-status-bar": "~1.11.1",
    "expo-system-ui": "~2.9.3",
    "global": "^4.4.0",
    "react": "18.2.0",
    "react-native": "0.73.2"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0"
  },

app.json:

{
"expo": {
  "name": "navisafe",
  "slug": "navisafe",
  "version": "1.0.0",
  "orientation": "portrait",
  "icon": "./assets/icon.png",
  "userInterfaceStyle": "light",
  "splash": {
    "image": "./assets/splash.png",
    "resizeMode": "contain",
    "backgroundColor": "#ffffff"
  },
  "assetBundlePatterns": [
    "**/*"
  ],
  "ios": {
    "supportsTablet": true,
    "bundleIdentifier": "com.navisafe"
  },
  "android": {
    "adaptiveIcon": {
      "foregroundImage": "./assets/adaptive-icon.png",
      "backgroundColor": "#ffffff"
    },
    "package": "com.nish.navisafe"
  },
  "web": {
    "favicon": "./assets/favicon.png"
  },
  "plugins": [
    [
      "@rnmapbox/maps",
      {
        "RNMapboxMapsImpl": "mapbox",
        "RNMapboxMapsDownloadToken": "SECURITY_KEY",
        "RNMapboxMapsVersion": "11.0.0"
      }
    ]
  ],
  "extra": {
    "eas": {
      "projectId": "PROJECTID"
    }
  }
}
}