feat(react): Add React version to events

Author: AbhiPrasad

packages/react/src/sdk.ts

@@ -1,7 +1,9 @@
 import type { BrowserOptions } from '@sentry/browser';
-import { init as browserInit } from '@sentry/browser';
+import { init as browserInit, setContext } from '@sentry/browser';
 import { applySdkMetadata } from '@sentry/core';
 
+import { version } from 'react';
+
 /**
  * Inits the React SDK
  */
@@ -11,6 +13,6 @@ export function init(options: BrowserOptions): void {
   };
 
   applySdkMetadata(opts, 'react');
-
+  setContext('react', { version });
   browserInit(opts);
 }

packages/react/test/sdk.test.ts

@@ -0,0 +1,16 @@
+import * as SentryBrowser from '@sentry/browser';
+import { version } from 'react';
+import { init } from '../src/sdk';
+
+describe('init', () => {
+  it('sets the React version (if available) in the global scope', () => {
+    const setContextSpy = jest.spyOn(SentryBrowser, 'setContext');
+
+    init({});
+
+    // In our case, the Angular version is 10 because that's the version we use for compilation
+    // (and hence the dependency version of Angular core we installed (see package.json))
+    expect(setContextSpy).toHaveBeenCalledTimes(1);
+    expect(setContextSpy).toHaveBeenCalledWith('react', { version });
+  });
+});