update tree shaking example after integration export changes

Author: Lms24

src/platforms/javascript/common/configuration/tree-shaking/index.mdx

@@ -63,7 +63,7 @@ export default {
 
 <PlatformSection supported={["javascript.nextjs"]}>
 
-## Tree Shaking Debug Code With Next.js
+### Tree Shaking Debug Code With Next.js
 
 To tree shake Sentry debug code in Next.js projects, you can use webpack's [DefinePlugin](https://webpack.js.org/plugins/define-plugin/) in your Next.js configuration.
 
@@ -101,10 +101,13 @@ The following example shows how to create and bind a `Client` which enables tree
 ```javascript {filename:main.js}
 import {
   BrowserClient,
+  Breadcrumbs,
+  Dedupe,
   defaultStackParser,
-  makeFetchTransport,
-  Integrations,
   getCurrentHub,
+  GlobalHandlers,
+  makeFetchTransport,
+  LinkedErrors,
 } from "@sentry/browser";
 
 const client = new BrowserClient({
@@ -116,10 +119,10 @@ const client = new BrowserClient({
   stackParser: defaultStackParser,
   // Only the integrations listed here will be used
   integrations: [
-    new Integrations.Breadcrumbs(),
-    new Integrations.GlobalHandlers(),
-    new Integrations.LinkedErrors(),
-    new Integrations.Dedupe(),
+    new Breadcrumbs(),
+    new GlobalHandlers(),
+    new LinkedErrors(),
+    new Dedupe(),
   ],
 });