Move instrumentation into src directory. Add webpack config in Next c…

…onfig to ignore the dependency warning

apps/nextjs/next.config.js

@@ -101,7 +101,7 @@ const getConfig = async (phase) => {
       BRANCH: process.env.BRANCH,
       DEPLOY_CONTEXT: process.env.CONTEXT,
     },
-    webpack: (config, { dev }) => {
+    webpack: (config, { dev, isServer }) => {
       if (!dev && isProductionBuild && isNextjsProductionBuildPhase) {
         config.devtool = "source-map";
         config.plugins.push(
@@ -114,6 +114,21 @@ const getConfig = async (phase) => {
         );
       }
 
+      // dd-trace outputs the following warning in the browser console:
+      // Critical dependency: the request of a dependency is an expression
+      // This is due to the use of `require` in the dd-trace codebase.
+      // This can be safely ignored.
+      // Start of dd-trace fix
+      if (!isServer) {
+        config.resolve.fallback = {
+          ...config.resolve.fallback,
+          "dd-trace": false,
+        };
+      }
+      config.module = config.module || {};
+      config.module.exprContextCritical = false;
+      // End of dd-trace fix
+
       return config;
     },
   };

apps/nextjs/src/instrumentation.ts

@@ -1,9 +1,13 @@
 export async function register() {
-  if (process.env.NEXT_RUNTIME === 'nodejs') {
-    await import('../sentry.server.config');
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("../sentry.server.config");
   }
 
-  if (process.env.NEXT_RUNTIME === 'edge') {
-    await import('../sentry.edge.config');
+  if (process.env.NEXT_RUNTIME === "edge") {
+    await import("../sentry.edge.config");
+  }
+
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("./instrumentation/tracer");
   }
 }