fix(nextjs): Add extension methods in wrapServerComponentWithSentry

Author: Lms24

packages/nextjs/package.json

@@ -25,6 +25,7 @@
     "@sentry/types": "7.44.2",
     "@sentry/utils": "7.44.2",
     "@sentry/webpack-plugin": "1.20.0",
+    "@sentry-internal/tracing": "7.44.2",
     "chalk": "3.0.0",
     "rollup": "2.78.0",
     "stacktrace-parser": "^0.1.10",

packages/nextjs/src/server/wrapServerComponentWithSentry.ts

@@ -1,4 +1,4 @@
-import { captureException, getCurrentHub, startTransaction } from '@sentry/core';
+import { addTracingExtensions, captureException, getCurrentHub, startTransaction } from '@sentry/core';
 import { baggageHeaderToDynamicSamplingContext, extractTraceparentData } from '@sentry/utils';
 import * as domain from 'domain';
 
@@ -11,6 +11,8 @@ export function wrapServerComponentWithSentry<F extends (...args: any[]) => any>
   appDirComponent: F,
   context: ServerComponentContext,
 ): F {
+  addTracingExtensions();
+
   const { componentRoute, componentType } = context;
 
   // Even though users may define server components as async functions, for the client bundles