feat(integrations): Update integration to new JS interface

CHANGELOG.md

@@ -2,6 +2,39 @@
 
 ## Unreleased
 
+### Features
+
+- Functional integrations ([#3814](https://github.com/getsentry/sentry-react-native/pull/3814))
+
+  Instead of installing `@sentry/integrations` and creating integrations using the `new` keyword, you can use direct imports of the functional integrations.
+
+  ```js
+  // Before
+  import * as Sentry from '@sentry/react-native';
+  import { HttpClient } from '@sentry/integrations';
+
+  Sentry.init({
+    integrations: [
+      new Sentry.BrowserIntegrations.Dedupe(),
+      new Sentry.Integration.Screenshot(),
+      new HttpClient(),
+    ],
+  });
+
+  // After
+  import * as Sentry from '@sentry/react-native';
+
+  Sentry.init({
+    integrations: [
+      Sentry.dedupeIntegration(),
+      Sentry.screenshotIntegration(),
+      Sentry.httpClientIntegration(),
+    ],
+  });
+  ```
+
+  Note that the `Sentry.BrowserIntegrations`, `Sentry.Integration` and the Class style integrations will be removed in the next major version of the SDK.
+
 ### Fixes
 
 - Remove unused `rnpm` config ([#3811](https://github.com/getsentry/sentry-react-native/pull/3811))

src/js/index.ts

@@ -64,7 +64,10 @@ export {
 export { lastEventId } from '@sentry/browser';
 
 import * as Integrations from './integrations';
-import { SDK_NAME, SDK_VERSION } from './version';
+
+export * from './integrations/exports';
+
+export { SDK_NAME, SDK_VERSION } from './version';
 export type { ReactNativeOptions } from './options';
 export { ReactNativeClient } from './client';
 
@@ -100,4 +103,8 @@ export {
 } from './tracing';
 
 export type { ReactNavigationTransactionContext, TimeToDisplayProps } from './tracing';
-export { Integrations, SDK_NAME, SDK_VERSION };
+
+export {
+  /** @deprecated Import the integration function directly, e.g. `screenshotIntegration()` instead of `new Integrations.Screenshot(). */
+  Integrations,
+};