set react SDK data globally

Author: lobsterkatie

packages/react/src/index.ts

@@ -1,4 +1,7 @@
 import { addGlobalEventProcessor, SDK_VERSION } from '@sentry/browser';
+import { setSDKInfo } from '@sentry/utils';
+
+setSDKInfo('sentry.javascript.react', 'npm:@sentry/react', SDK_VERSION);
 
 /**
  * A global side effect that makes sure Sentry events that user

packages/react/test/init.test.tsx

@@ -0,0 +1,23 @@
+import { getGlobalObject } from '@sentry/utils';
+
+import * as Sentry from '../src/index';
+
+const global = getGlobalObject<Window>();
+
+describe('event SDK info', () => {
+  it('adds SDK metadata globally', () => {
+    // the SDK data is set when we import from (and therefore run) `../src/index.ts` - it sets the react part itself,
+    // and the browser part gets set when it imports from @sentry/browser - so no action is necessary here before we run
+    // the `expect`s
+
+    expect(global.__SENTRY__?.sdkInfo).toBeDefined();
+    expect(global.__SENTRY__?.sdkInfo?.name).toEqual('sentry.javascript.react');
+    expect(global.__SENTRY__?.sdkInfo?.version).toEqual(Sentry.SDK_VERSION);
+    expect(global.__SENTRY__?.sdkInfo?.packages).toEqual(
+      expect.arrayContaining([
+        { name: 'npm:@sentry/react', version: Sentry.SDK_VERSION },
+        { name: 'npm:@sentry/browser', version: Sentry.SDK_VERSION },
+      ]),
+    );
+  });
+});