Add escape hatch

Author: Luca Forstner

packages/nextjs/src/config/types.ts

@@ -106,9 +106,14 @@ export type UserSentryOptions = {
    */
   autoInstrumentMiddleware?: boolean;
 
+  /**
+   * Automatically instrument components in the `app` directory with error monitoring. Defaults to `true`.
+   */
+  autoInstrumentAppDirectory?: boolean;
+
   /**
    * Exclude certain serverside API routes or pages from being instrumented with Sentry. This option takes an array of
-   * strings or regular expressions.
+   * strings or regular expressions. This options also affects pages in the `app` directory.
    *
    * NOTE: Pages should be specified as routes (`/animals` or `/api/animals/[animalType]/habitat`), not filepaths
    * (`pages/animals/index.js` or `.\src\pages\api\animals\[animalType]\habitat.tsx`), and strings must be be a full,

packages/nextjs/src/config/webpack.ts

@@ -113,19 +113,19 @@ export function constructWebpackConfigFunction(
       excludeServerRoutes: userSentryOptions.excludeServerRoutes,
     };
 
-    if (isServer && userSentryOptions.autoInstrumentServerFunctions !== false) {
-      const normalizeLoaderResourcePath = (resourcePath: string): string => {
-        // `resourcePath` may be an absolute path or a path relative to the context of the webpack config
-        let absoluteResourcePath: string;
-        if (path.isAbsolute(resourcePath)) {
-          absoluteResourcePath = resourcePath;
-        } else {
-          absoluteResourcePath = path.join(projectDir, resourcePath);
-        }
+    const normalizeLoaderResourcePath = (resourcePath: string): string => {
+      // `resourcePath` may be an absolute path or a path relative to the context of the webpack config
+      let absoluteResourcePath: string;
+      if (path.isAbsolute(resourcePath)) {
+        absoluteResourcePath = resourcePath;
+      } else {
+        absoluteResourcePath = path.join(projectDir, resourcePath);
+      }
 
-        return path.normalize(absoluteResourcePath);
-      };
+      return path.normalize(absoluteResourcePath);
+    };
 
+    if (isServer && userSentryOptions.autoInstrumentServerFunctions !== false) {
       // It is very important that we insert our loaders at the beginning of the array because we expect any sort of transformations/transpilations (e.g. TS -> JS) to already have happened.
 
       // Wrap pages
@@ -187,7 +187,9 @@ export function constructWebpackConfigFunction(
           },
         ],
       });
+    }
 
+    if (userSentryOptions.autoInstrumentAppDirectory) {
       // Wrap page server components
       newConfig.module.rules.unshift({
         test: resourcePath => {