Add support for propagateTraceparent (#5227)

Author: alwx

CHANGELOG.md

@@ -8,6 +8,10 @@
 
 ## Unreleased
 
+### Features
+
+- Adds support for `propagateTraceparent` ([#5277](https://github.com/getsentry/sentry-react-native/pull/5227))
+
 ### Dependencies
 
 - Bump JavaScript SDK from v10.18.0 to v10.19.0 ([#5254](https://github.com/getsentry/sentry-react-native/pull/5254))

packages/core/src/js/options.ts

@@ -291,6 +291,20 @@ export interface BaseReactNativeOptions {
    * @deprecated This option will be removed in the next major version. Use `beforeSend` instead.
    */
   useThreadsForMessageStack?: boolean;
+
+  /**
+   * If set to `true`, the SDK propagates the W3C `traceparent` header to any outgoing requests,
+   * in addition to the `sentry-trace` and `baggage` headers. Use the {@link CoreOptions.tracePropagationTargets}
+   * option to control to which outgoing requests the header will be attached.
+   *
+   * **Important:** If you set this option to `true`, make sure that you configured your servers'
+   * CORS settings to allow the `traceparent` header. Otherwise, requests might get blocked.
+   *
+   * @see https://www.w3.org/TR/trace-context/
+   *
+   * @default false
+   */
+  propagateTraceparent?: boolean;
 }
 
 export type SentryReplayQuality = 'low' | 'medium' | 'high';

packages/core/src/js/sdk.tsx

@@ -45,6 +45,7 @@ const DEFAULT_OPTIONS: ReactNativeOptions = {
   enableNativeFramesTracking: true,
   enableStallTracking: true,
   enableUserInteractionTracing: false,
+  propagateTraceparent: false,
 };
 
 /**

packages/core/test/sdk.test.ts

@@ -1156,6 +1156,28 @@ describe('Tests the SDK functionality', () => {
       }),
     );
   });
+
+  it('propagateTraceparent is false by default', () => {
+    init({});
+
+    const actualOptions = usedOptions();
+    expect(actualOptions).toEqual(
+      expect.objectContaining({
+        propagateTraceparent: false,
+      }),
+    );
+  });
+
+  it('propagateTraceparent is getting passed to the client', () => {
+    init({ propagateTraceparent: true });
+
+    const actualOptions = usedOptions();
+    expect(actualOptions).toEqual(
+      expect.objectContaining({
+        propagateTraceparent: true,
+      }),
+    );
+  });
 });
 
 function expectIntegration(name: string): void {