Use __non_webpack_require__

Use `__non_webpack_require__` to get the actually exported storage module and not a secondarily generated one (we need the same instance)

Author: lforst

packages/nextjs/src/config/templates/routeHandlerWrapperTemplate.ts

@@ -1,7 +1,3 @@
-// @ts-expect-error Because we cannot be sure if the RequestAsyncStorage module exists (it is not part of the Next.js public
-// API) we use a shim if it doesn't exist. The logic for this is in the wrapping loader.
-// eslint-disable-next-line import/no-unresolved
-import { requestAsyncStorage } from '__SENTRY_NEXTJS_REQUEST_ASYNC_STORAGE_SHIM__';
 // @ts-expect-error See above
 // eslint-disable-next-line import/no-unresolved
 import * as routeModule from '__SENTRY_WRAPPING_TARGET_FILE__';
@@ -10,8 +6,6 @@ import * as Sentry from '@sentry/nextjs';
 
 import type { RequestAsyncStorage } from './requestAsyncStorageShim';
 
-declare const requestAsyncStorage: RequestAsyncStorage;
-
 declare const routeModule: {
   GET?: (...args: unknown[]) => unknown;
   POST?: (...args: unknown[]) => unknown;
@@ -40,6 +34,11 @@ function wrapHandler<T>(handler: T, method: 'GET' | 'POST' | 'PUT' | 'PATCH' | '
 
       // We try-catch here just in case the API around `requestAsyncStorage` changes unexpectedly since it is not public API
       try {
+        // @ts-expect-error AAAA
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        const requestAsyncStorage: RequestAsyncStorage = __non_webpack_require__(
+          '__SENTRY_NEXTJS_REQUEST_ASYNC_STORAGE_SHIM__',
+        ).requestAsyncStorage;
         const requestAsyncStore = requestAsyncStorage.getStore();
         sentryTraceHeader = requestAsyncStore?.headers.get('sentry-trace') ?? undefined;
         baggageHeader = requestAsyncStore?.headers.get('baggage') ?? undefined;

packages/nextjs/src/config/templates/serverComponentWrapperTemplate.ts

@@ -1,7 +1,3 @@
-// @ts-expect-error Because we cannot be sure if the RequestAsyncStorage module exists (it is not part of the Next.js public
-// API) we use a shim if it doesn't exist. The logic for this is in the wrapping loader.
-// eslint-disable-next-line import/no-unresolved
-import { requestAsyncStorage } from '__SENTRY_NEXTJS_REQUEST_ASYNC_STORAGE_SHIM__';
 // @ts-expect-error We use `__SENTRY_WRAPPING_TARGET_FILE__` as a placeholder for the path to the file being wrapped.
 // eslint-disable-next-line import/no-unresolved
 import * as serverComponentModule from '__SENTRY_WRAPPING_TARGET_FILE__';
@@ -10,8 +6,6 @@ import * as Sentry from '@sentry/nextjs';
 
 import type { RequestAsyncStorage } from './requestAsyncStorageShim';
 
-declare const requestAsyncStorage: RequestAsyncStorage;
-
 declare const serverComponentModule: {
   default: unknown;
 };
@@ -30,6 +24,11 @@ if (typeof serverComponent === 'function') {
 
       // We try-catch here just in `requestAsyncStorage` is undefined since it may not be defined
       try {
+        // @ts-expect-error AAAA
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        const requestAsyncStorage: RequestAsyncStorage = __non_webpack_require__(
+          '__SENTRY_NEXTJS_REQUEST_ASYNC_STORAGE_SHIM__',
+        ).requestAsyncStorage;
         const requestAsyncStore = requestAsyncStorage.getStore();
         sentryTraceHeader = requestAsyncStore?.headers.get('sentry-trace');
         baggageHeader = requestAsyncStore?.headers.get('baggage');