JS Error is reported as Java Exception

[fantasyado]

OS:

• Windows
• MacOS
• Linux

Platform:

• iOS
• Android

SDK:

• @sentry/react-native (5.5.0)
• react-native-sentry (<= 0.43.2)

SDK version: 0.0.0

react-native version: 0.70.5

Are you using Expo?

• Yes -- bare flow
• No

Are you using sentry.io or on-premise?

• sentry.io (SaaS)
• on-premise

If you are using sentry.io, please post a link to your issue so we can take a look:

Link to issue

Configuration:

(@sentry/react-native)

Sentry.init({
  dsn: 'https://...@sentry.io/...'
  // other options
  enabled: !__DEV__
});

---

I have following issue:

[Description]

Steps to reproduce:

• run xcode build script

   xcodebuild -workspace $schemeName.xcworkspace   -scheme $schemeName -configuration Release -sdk iphonesimulator -destination 'platform=iOS Simulator,name=iPhone 14 Pro Max,OS=16.1'  
  

• install the ipa to simulator and trigger a error

Actual result:

[Actual result]
The source map seems not used to display the error source code location.

and when I check the sourceMaps tab in sentry.io it shows no bundle connected to this release

Expected result:

[Expected result]
The source map should be used to parse the error stacktrace.

Please help on this, Thanks !

[fantasyado]

update: after I set release and dist in Sentry.init and doing

export SENTRY_ORG=my-org
export SENTRY_PROJECT=my-project 

in the build script , the source map uploading seems normal on sentry like this

but the issue detail still not showing method name and a warning popped up:

issue link

tried both jsc and hermes and both are same result.

[krystofwoldrich]

Hi,
thank you for the link and details. It looks like you are using bare @sentry/react-native, so you will have to add the following integration to match the bundle name with the uploaded artifacts name.

Sentry.init({
  integrations: [
    new RewriteFrames({
      iteratee: (frame) => {
        if (frame.filename && frame.filename !== '[native code]') {
          frame.filename =
            Platform.OS === 'android' ? 'app:///index.android.bundle' : 'app:///main.jsbundle';
        }
        return frame;
      },
    }),
  ]
})

This code is added by the sentry-expo automatically.

Let us know if this helped, if not we can reopen the issue con investigate more.

[fantasyado]

@krystofwoldrich Thanks very much for your reply. after I added the integrations option to Sentry.init, iOS seems working fine now but Android is still not. one thing I noticed is when I run the iOS build, the source map appeared on both tabs (Artifact Bundles, release-bundles) but Android only appeared in release-bundles with warning.

Besides, Android build speed is much faster than iOS, during the build process I didn't see too much upload traffic but it can be observed during iOS build process.

android:

iOS:

Is there any other settings I am missing?

[krystofwoldrich]

I'm happy to hear that it helped a bit. A assume both the iOS and Android errors use the same JS code?

The issue from Android is a Java exception with JS stack trace in its message. Sentry doesn't symbolicate the message content.

We handle this case here. Are you initializing SentryAndroid manually?

[fantasyado]

@krystofwoldrich You are right, both the iOS and Android errors use the same JS code and I did not initialize SentryAndroid manually. what I have done is init sentry with release and dist and export same release/dist env var in build script.

[krystofwoldrich]

Would you be able to share a minimal reproducible example for the Android JavascriptException? As I mentioned you should get JS Error but you are getting Java Exception.

[fantasyado]

OK， I‘ll try to create a minimal example when I got time. currently cause we also need to integrate with codepush, we'll upload the source map manually anyway.

[krystofwoldrich]

Closing as duplicate of #3126