Capturing First Error

[sutaungmai]

What React Native libraries do you use?

React Native without Frameworks

Are you using sentry.io or on-premise?

sentry.io (SaS)

@sentry/react-native SDK Version

7.11.0

How does your development environment look like?

Sentry Logger [log]: Integration installed: ReactNativeProfiler
Sentry Logger [warn]: AppRegistryIntegration.onRunApplication not found or invalid.
Sentry Logger [log]: Integration installed: TouchEventBoundary
Sentry Logger [log]: [AppStart] Captured end frames for app start. null
Sentry Logger [log]: Captured error event `custom error 2`
Sentry Logger [log]: Captured error event `custom error 2`

Sentry.init()

Sentry.init({
  dsn: 'https://...@sentry.io/...'
  // Adds more context data to events (IP address, cookies, user, etc.)
  // For more information, visit: https://docs.sentry.io/platforms/react-native/data-management/data-collected/
  sendDefaultPii: true,
  debug: true,
  // Enable Logs
  enableLogs: true,
  environment: "development"
});

Steps to Reproduce

1. Start on android with npm run start --reset-cache

Expected Result

Should capture the error in the issue dashboard

Actual Result

Could not capture any error

[linear]

RN-478

[antonis]

Thank you for reporting @sutaungmai 🙇
Are you using the wizard to install Sentry or do it manually? How do you trigger the first error on your app?

Some steps that may help:

1. SDK is initializing correctly
   Your debug logs show integrations being installed and Sentry logging “Captured error event custom error 2”, which means the React Native SDK believes it has captured and queued the event.

2. Check your configuration and make sure

• The DSN is correct
• Ensure init is as early as possible
• The filters in the issues page are correct. Wrong environment filter in the Issues page (you’re sending environment: "development", so make sure that environment is selected in Sentry). Looking at the wrong time range (set it to “Last 24 hours” or “All time”).

3. Verify with a simple manual capture

Sentry.captureException(new Error('Test error from RN'));

Let us know if that helped. If not please share more details on your app or a repro to help us investigate this further.

[sutaungmai]

I installed sdk using the wizard. Here is how I triggered the error

Sentry.init({
  dsn: 'https://e68c68444c568c0dded02836b8c19946@o4509411654762496.ingest.de.sentry.io/4510823573028944',

  // Adds more context data to events (IP address, cookies, user, etc.)
  // For more information, visit: https://docs.sentry.io/platforms/react-native/data-management/data-collected/
  sendDefaultPii: true,
  debug: true,
  // Enable Logs
  enableLogs: true,
  environment: "development"

  // uncomment the line below to enable Spotlight (https://spotlightjs.com)
  // spotlight: __DEV__,
});

export default Sentry.wrap(function App() {

  Sentry.captureException(new Error("custom error 2"));

  return (
    <>
      <StatusBar backgroundColor="#1355ff" />
      <Button title='Try!' onPress={ () => { Sentry.captureException(new Error('First error')) }}/>
    </>
}

I've try to trigger from both. I've also double checked the dns and other configuration (including filtering in sentry dashboard) too.