React Native Sentry uploaded sourcemap not showing error traces correctly

[iagormoraes]

Environment

React Native

How do you use Sentry?
"@sentry/react-native": "^2.6.0"

Which SDK and version?
"@sentry/react-native": "^2.6.0",

Steps to Reproduce

1. run gradlew assembleRelease
2. gradlew sentry method uploads sourcemap and index.android.bundle
3. In sentry panel it shows 0B for index.android.bundle and 15.5MiB for sourcemap file
4. The error trace is being shown minified without any information

Expected Result

Error trace shows the methods and variables proper names for references.

Actual Result

Error trace don't show anything useful to understand it because is minified.

Screenshots

[jennmueng]

@iagormoraes Looks like you're using Hermes on Android, please follow our guide here: https://docs.sentry.io/platforms/react-native/manual-setup/hermes/

[iagormoraes]

@jennmueng I've read the document you shared and as we don't have a custom map for it there is no need for extra setup to make the source map hermes to work, what I saw on the standard is that we need to wrap the App component. Does this is the missing part that is making the source map to not being used?

[jennmueng]

@iagormoraes No you do not need the wrapper for the source maps to work. Can you try doing the manual step and see if those source maps work compared to the default ones? FYI you might need a new release for the new source maps to be registered as overwriting the auto-generated ones don't always work.

[iagormoraes]

@iagormoraes No you do not need the wrapper for the source maps to work. Can you try doing the manual step and see if those source maps work compared to the default ones? FYI you might need a new release for the new source maps to be registered as overwriting the auto-generated ones don't always work.

@jennmueng, I'm trying to upload the sourcemaps but the cli is too difficult to manage, sometimes I add the org parameter and it still complains that the org is wrong o missing, when I don't pass any org parameter I receive an error because the request to upload is applying my- prefix on the endpoint as shown below:

  INFO    2021-09-09 13:26:37.627358 -03:00 Loaded config from /Users/user/Desktop/projects/react-app/.sentryclirc
  DEBUG   2021-09-09 13:26:37.628149 -03:00 sentry-cli version: 1.63.1, platform: "darwin", architecture: "x86_64"
  INFO    2021-09-09 13:26:37.628172 -03:00 sentry-cli was invoked with the following command line: "/Users/user/Desktop/projects/react-app/node_modules/@sentry/cli/sentry-cli" "--auth-token" "f595-------redacted------610b" "releases" "files" "1.10.11" "upload-sourcemaps" "--rewrite" "index.android.bundle" "index.android.bundle.map" "--log-level=debug"
  INFO    2021-09-09 13:26:37.635115 -03:00 found: index.android.bundle (6609342 bytes)
> Found 1 release file
  INFO    2021-09-09 13:26:37.645559 -03:00 found: index.android.bundle.map (6210447 bytes)
> Found 1 release file
> Analyzing 2 sources
> Rewriting sources
> Adding source map references
  DEBUG   2021-09-09 13:26:39.202819 -03:00 request POST https://sentry.io/api/0/projects/my-project/project/releases/
  DEBUG   2021-09-09 13:26:39.203621 -03:00 using token authentication
  DEBUG   2021-09-09 13:26:39.203641 -03:00 json body: {"version":"1.10.11","projects":["project"]}
  DEBUG   2021-09-09 13:26:39.203651 -03:00 retry number 0, max retries: 0
  DEBUG   2021-09-09 13:26:39.958664 -03:00 > POST /api/0/projects/my-project/project/releases/ HTTP/1.1
  DEBUG   2021-09-09 13:26:39.958704 -03:00 > Host: sentry.io
  DEBUG   2021-09-09 13:26:39.958717 -03:00 > Accept: */*
  DEBUG   2021-09-09 13:26:39.958727 -03:00 > Connection: TE
  DEBUG   2021-09-09 13:26:39.958736 -03:00 > TE: gzip
  DEBUG   2021-09-09 13:26:39.958746 -03:00 > User-Agent: sentry-cli/1.63.1
  DEBUG   2021-09-09 13:26:39.959307 -03:00 > Authorization: Bearer f595dc7f***
  DEBUG   2021-09-09 13:26:39.959325 -03:00 > Content-Type: application/json
  DEBUG   2021-09-09 13:26:39.959336 -03:00 > Content-Length: 46
  DEBUG   2021-09-09 13:26:40.358381 -03:00 < HTTP/1.1 404 Not Found
  DEBUG   2021-09-09 13:26:40.358439 -03:00 < Server: nginx
  DEBUG   2021-09-09 13:26:40.358461 -03:00 < Date: Thu, 09 Sep 2021 16:26:40 GMT
  DEBUG   2021-09-09 13:26:40.358480 -03:00 < Content-Type: application/json
  DEBUG   2021-09-09 13:26:40.358520 -03:00 < Content-Length: 50
  DEBUG   2021-09-09 13:26:40.358538 -03:00 < Connection: keep-alive
  DEBUG   2021-09-09 13:26:40.358553 -03:00 < allow: GET, POST, HEAD, OPTIONS
  DEBUG   2021-09-09 13:26:40.358569 -03:00 < access-control-allow-methods: GET, POST, HEAD, OPTIONS
  DEBUG   2021-09-09 13:26:40.358597 -03:00 < access-control-allow-headers: X-Sentry-Auth, X-Requested-With, Origin, Accept, Content-Type, Authentication, Authorization, Content-Encoding
  DEBUG   2021-09-09 13:26:40.358616 -03:00 < access-control-expose-headers: X-Sentry-Error, Retry-After
  DEBUG   2021-09-09 13:26:40.358633 -03:00 < access-control-allow-origin: *
  DEBUG   2021-09-09 13:26:40.358649 -03:00 < vary: Accept-Language, Cookie
  DEBUG   2021-09-09 13:26:40.358665 -03:00 < content-language: en
  DEBUG   2021-09-09 13:26:40.358679 -03:00 < x-frame-options: deny
  DEBUG   2021-09-09 13:26:40.358694 -03:00 < x-content-type-options: nosniff
  DEBUG   2021-09-09 13:26:40.358823 -03:00 < x-xss-protection: 1; mode=block
  DEBUG   2021-09-09 13:26:40.358854 -03:00 < x-envoy-attempt-count: 1
  DEBUG   2021-09-09 13:26:40.358875 -03:00 < x-envoy-upstream-service-time: 21
  DEBUG   2021-09-09 13:26:40.358892 -03:00 < x-served-by: getsentry-web-default-production-58888c8544-z88s7
  DEBUG   2021-09-09 13:26:40.358908 -03:00 < x-served-by: lb-0
  DEBUG   2021-09-09 13:26:40.358923 -03:00 < Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
  DEBUG   2021-09-09 13:26:40.358986 -03:00 response status: 404
error: project not found
  DEBUG   2021-09-09 13:26:40.363535 -03:00 client close; no transport to shut down  (from sentry)

With org paramter:

error: Found argument '--org' which wasn't expected, or isn't valid in this context

I could generate the maps files from the documentation but the upload is being the problem here.

[jennmueng]

@iagormoraes Make sure you're passing --org and --project as an argument to the releases command and not to the subcommands:

npx @sentry/cli releases \
    --org <org> \
    --project <project> \
    files <release> \
    upload-sourcemaps \
    --dist <dist> \
    --strip-prefix /path/to/project/root \
    --rewrite index.android.bundle index.android.bundle.map

[marandaneto]

@jennmueng are u sure? https://docs.sentry.io/product/cli/configuration/#explicit-options

[jennmueng]

Yup @marandaneto, ran it to make sure.

[iagormoraes]

@iagormoraes Make sure you're passing --org and --project as an argument to the releases command and not to the subcommands:

npx @sentry/cli releases \
    --org <org> \
    --project <project> \
    files <release> \
    upload-sourcemaps \
    --dist <dist> \
    --strip-prefix /path/to/project/root \
    --rewrite index.android.bundle index.android.bundle.map

Followed @jennmueng configuration for the cli command and it uploaded my generated files, so I have tested them on sentry platform and the files are there.

The error traces is being mapped as expected:

The package field is missing in the release information, what command should be added?

EDIT: Why is the error catch appears with a icon of Node.JS instead of react native one, is this going to understand the errors from different bundles versions and differ them?

[jennmueng]

@iagormoraes If I recall correctly, you would use the format com.company.package@version for your release value, you would then get the package field in your release info. The error icon for JS files can either be a JS or a NodeJS one.

Looks like your original issue was solved so I will close this.