extraErrorDataIntegration is not exported from @sentry/core

[nabilfreeman]

I noticed this while trying to debug an extremely rare error. I set up a custom error object with some serializable properties a few months ago.

Finally the error triggered today - but alas! The custom properties have not been captured in Sentry!

After some investigation I see that I need to set up extraErrorDataIntegration:

https://docs.sentry.io/platforms/javascript/configuration/integrations/extraerrordata/

But this is not exported from @sentry/react-native. Has it been deprecated or is this a bug?

I can install @sentry/core myself and import it from there, but I get a type mismatch.

What React Native libraries do you use?

Expo Router, Expo Web, Expo (mobile only), Expo Application Services (EAS), RN New Architecture, React Navigation

Are you using sentry.io or on-premise?

sentry.io (SaS)

@sentry/react-native SDK Version

6.10.0

How does your development environment look like?

I'm using Expo purely with EAS builds so npx react-native@latest info is not really relevant.

Packages:

• expo@52.0.46
• react-native@0.76.9

All dependencies are pinned to Expo via npx expo-doctor.

Sentry.init()

import * as Sentry from '@sentry/react-native';

const routingInstrumentation = Sentry.reactNavigationIntegration();

// This is undefined!
// const extraErrorData = Sentry.extraErrorDataIntegration();

Sentry.init({
  dsn: 'https://...@sentry.io/...',
  debug: false,
  integrations: [routingInstrumentation], // I want to add extraDataErrorIntegration to this array
  tracesSampleRate: 0.1,
});

Steps to Reproduce

1. Install the latest version of @sentry/react-native
2. Write the following snippet in any file

import * as Sentry from '@sentry/react-native';

// This is undefined!
const extraErrorData = Sentry.extraErrorDataIntegration();

3. Observe the typescript error

Property 'extraErrorDataIntegration' does not exist on type 'typeof import("/path/to/project/node_modules/@sentry/react-native/dist/js/index")'.ts(2339)

Expected Result

import * as Sentry from '@sentry/react-native';

const routingInstrumentation = Sentry.reactNavigationIntegration();
const extraErrorData = Sentry.extraErrorDataIntegration();

Sentry.init({
  dsn: 'https://...@sentry.io/...',
  debug: false,
  integrations: [routingInstrumentation, extraErrorData],
  tracesSampleRate: 0.1,
});

Actual Result

Property 'extraErrorDataIntegration' does not exist on type 'typeof import("/path/to/project/node_modules/@sentry/react-native/dist/js/index")'.ts(2339)

[nabilfreeman]

I've fixed in our repo with patch-package:

@sentry+react-native+6.10.0.patch

diff --git a/node_modules/@sentry/react-native/dist/js/index.d.ts b/node_modules/@sentry/react-native/dist/js/index.d.ts
index a1208bd..76cc2f1 100644
--- a/node_modules/@sentry/react-native/dist/js/index.d.ts
+++ b/node_modules/@sentry/react-native/dist/js/index.d.ts
@@ -1,5 +1,5 @@
 export type { Breadcrumb, Request, SdkInfo, Event, Exception, SendFeedbackParams, SeverityLevel, Span, StackFrame, Stacktrace, Thread, User, UserFeedback, } from '@sentry/core';
-export { addBreadcrumb, captureException, captureEvent, captureFeedback, captureMessage, Scope, setContext, setExtra, setExtras, setTag, setTags, setUser, startInactiveSpan, startSpan, startSpanManual, getActiveSpan, getRootSpan, withActiveSpan, suppressTracing, spanToJSON, spanIsSampled, setMeasurement, getCurrentScope, getGlobalScope, getIsolationScope, getClient, setCurrentClient, addEventProcessor, metricsDefault as metrics, lastEventId, } from '@sentry/core';
+export { addBreadcrumb, captureException, captureEvent, captureFeedback, captureMessage, Scope, setContext, setExtra, setExtras, setTag, setTags, setUser, startInactiveSpan, startSpan, startSpanManual, getActiveSpan, getRootSpan, withActiveSpan, suppressTracing, spanToJSON, spanIsSampled, setMeasurement, getCurrentScope, getGlobalScope, getIsolationScope, getClient, setCurrentClient, addEventProcessor, metricsDefault as metrics, lastEventId, extraErrorDataIntegration } from '@sentry/core';
 export { ErrorBoundary, withErrorBoundary, createReduxEnhancer, Profiler, useProfiler, withProfiler, } from '@sentry/react';
 export * from './integrations/exports';
 export { SDK_NAME, SDK_VERSION } from './version';
diff --git a/node_modules/@sentry/react-native/dist/js/index.js b/node_modules/@sentry/react-native/dist/js/index.js
index 2588a90..eb7594f 100644
--- a/node_modules/@sentry/react-native/dist/js/index.js
+++ b/node_modules/@sentry/react-native/dist/js/index.js
@@ -1,4 +1,4 @@
-export { addBreadcrumb, captureException, captureEvent, captureFeedback, captureMessage, Scope, setContext, setExtra, setExtras, setTag, setTags, setUser, startInactiveSpan, startSpan, startSpanManual, getActiveSpan, getRootSpan, withActiveSpan, suppressTracing, spanToJSON, spanIsSampled, setMeasurement, getCurrentScope, getGlobalScope, getIsolationScope, getClient, setCurrentClient, addEventProcessor, metricsDefault as metrics, lastEventId, } from '@sentry/core';
+export { addBreadcrumb, captureException, captureEvent, captureFeedback, captureMessage, Scope, setContext, setExtra, setExtras, setTag, setTags, setUser, startInactiveSpan, startSpan, startSpanManual, getActiveSpan, getRootSpan, withActiveSpan, suppressTracing, spanToJSON, spanIsSampled, setMeasurement, getCurrentScope, getGlobalScope, getIsolationScope, getClient, setCurrentClient, addEventProcessor, metricsDefault as metrics, lastEventId, extraErrorDataIntegration } from '@sentry/core';
 export { ErrorBoundary, withErrorBoundary, createReduxEnhancer, Profiler, useProfiler, withProfiler, } from '@sentry/react';
 export * from './integrations/exports';
 export { SDK_NAME, SDK_VERSION } from './version';

Seems to work OK, but I'm not sure if this is safe to ship?

[kahest]

@nabilfreeman thanks for reporting the issue and your fix, we'll take a look and follow up here. fyi @antonis maybe you give this a quick look 🙏

[antonis]

Thank you for reporting @nabilfreeman 🙇
We’ll test it out and get back to you.