feat: Use new Sentry.addIntegration() (#8247)

Author: mydea

src/includes/platforms/configuration/integrations/plugin.mdx

@@ -8,7 +8,7 @@ For example:
 
 <PlatformContent includePath="configuration/enable-pluggable-integrations" />
 
-Alternatively, you can add integrations lazily via `client.addIntegration()`.
+Alternatively, you can add integrations lazily via `Sentry.addIntegration()`.
 This is useful if you only want to enable an integration in a specific environment or if you want to lazy-load an integration.
 For all other cases, we recommend you use the `integrations` option.
 

src/platform-includes/configuration/enable-pluggable-integrations-lazy/javascript.mdx

@@ -8,10 +8,7 @@ Sentry.init({
   integrations: [],
 });
 
-const client = Sentry.getCurrentHub().getClient();
-if (client) {
-  client.addIntegration(new ReportingObserver());
-}
+Sentry.addIntegration(new ReportingObserver());
 ```
 
 ```html {tabTitle: Loader}
@@ -31,10 +28,7 @@ if (client) {
       integrations: [],
     });
 
-    const client = Sentry.getCurrentHub().getClient();
-    if (client) {
-      client.addIntegration(new Sentry.Integrations.ReportingObserver());
-    }
+    Sentry.addIntegration(new Sentry.Integrations.ReportingObserver());
   });
 </script>
 ```
@@ -57,9 +51,6 @@ if (client) {
     integrations: [],
   });
 
-  const client = Sentry.getCurrentHub().getClient();
-  if (client) {
-    client.addIntegration(new Sentry.Integrations.ReportingObserver());
-  }
+  Sentry.addIntegration(new Sentry.Integrations.ReportingObserver());
 </script>
 ```

src/platform-includes/configuration/enable-pluggable-integrations-lazy/react-native.mdx

@@ -6,8 +6,5 @@ Sentry.init({
   integrations: [],
 });
 
-const client = Sentry.getCurrentHub().getClient();
-if (client) {
-  client.addIntegration(new DedupeIntegration());
-}
+Sentry.addIntegration(new DedupeIntegration());
 ```

src/platform-includes/session-replay/setup/javascript.angular.mdx

@@ -40,6 +40,6 @@ Sentry.init({
 });
 
 // Sometime later
-const { getCurrentHub, Replay } = await import("@sentry/angular-ivy");
-getCurrentHub().getClient().addIntegration(new Replay());
+const { Replay } = await import("@sentry/angular-ivy");
+Sentry.addIntegration(new Replay());
 ```

src/platform-includes/session-replay/setup/javascript.electron.mdx

@@ -41,5 +41,5 @@ Sentry.init({
 
 // Sometime later
 const { Replay } = await import("@sentry/electron/renderer");
-getCurrentHub().getClient().addIntegration(new Replay());
+Sentry.addIntegration(new Replay());
 ```

src/platform-includes/session-replay/setup/javascript.ember.mdx

@@ -40,6 +40,6 @@ Sentry.init({
 });
 
 // Sometime later
-const { getCurrentHub, Replay } = await import("@sentry/ember");
-getCurrentHub().getClient().addIntegration(new Replay());
+const { Replay } = await import("@sentry/ember");
+Sentry.addIntegration(new Replay());
 ```

src/platform-includes/session-replay/setup/javascript.gatsby.mdx

@@ -40,6 +40,6 @@ Sentry.init({
 });
 
 // Sometime later
-const { getCurrentHub, Replay } = await import("@sentry/gatsby");
-getCurrentHub().getClient().addIntegration(new Replay());
+const { Replay } = await import("@sentry/gatsby");
+Sentry.addIntegration(new Replay());
 ```

src/platform-includes/session-replay/setup/javascript.mdx

@@ -41,6 +41,6 @@ Sentry.init({
 });
 
 // Sometime later
-const { getCurrentHub, Replay } = await import("@sentry/browser");
-getCurrentHub().getClient().addIntegration(new Replay());
+const { Replay } = await import("@sentry/browser");
+Sentry.addIntegration(new Replay());
 ```

src/platform-includes/session-replay/setup/javascript.nextjs.mdx

@@ -42,6 +42,6 @@ Sentry.init({
 });
 
 // Sometime later
-const { getCurrentHub, Replay } = await import("@sentry/nextjs");
-getCurrentHub().getClient().addIntegration(new Replay());
+const { Replay } = await import("@sentry/nextjs");
+Sentry.addIntegration(new Replay());
 ```

src/platform-includes/session-replay/setup/javascript.react.mdx

@@ -40,6 +40,6 @@ Sentry.init({
 });
 
 // Sometime later
-const { getCurrentHub, Replay } = await import("@sentry/react");
-getCurrentHub().getClient().addIntegration(new Replay());
+const { Replay } = await import("@sentry/react");
+Sentry.addIntegration(new Replay());
 ```