React Native Hermees source maps showing wrong code

1

Hello everyone,

I use Sentry, react native and hermes.

I have build the source map using this script :

SOURCEMAPS_DIR="sourcemaps"

create_sourcemaps(){
  APP_OS="$1"
  SOURCEMAPS_NAME="$2"

  if [[ "$(uname -s)" = "Linux" ]]; then
    HERMES_BIN="linux64-bin"
  else
    HERMES_BIN="osx-bin"
  fi

  npx react-native bundle \
    --platform "${APP_OS}" \
    --dev false \
    --entry-file index.js \
    --bundle-output "${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}" \
    --sourcemap-output "${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}.packager.map"

  node_modules/hermes-engine/${HERMES_BIN}/hermesc \
    -O \
    -emit-binary \
    -output-source-map \
    -out="${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}.hbc" \
    "${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}"

  node node_modules/react-native/scripts/compose-source-maps.js \
    "${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}.packager.map" \
    "${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}.hbc.map" \
    -o "${SOURCEMAPS_DIR}/${SOURCEMAPS_NAME}.map"
}

When I run create_sourcemaps ios main.jsbundle, I have a the sourcemaps generated.

For some reason, sentry does not show the proper code so I bet the map is not good. This is what sentry shows me:

image
image950×990 75.7 KB

this is what I expected: https://user-images.githubusercontent.com/77674046/155530413-16a27fca-a471-43f0-a6c3-d1bad370dcf6.png

I tried to verify the source map with:

npx source-map-cli resolve sourcemaps/main.jsbundle.map  236932 83
Could not resolve mapping:  Mapping not found

Can anyone tell what I am doing wrong?

Thanks a lot