feat(nextjs): Improve server component data (#15996)

Author: Luca Forstner

dev-packages/e2e-tests/test-applications/nextjs-app-dir/tests/server-components.test.ts

@@ -79,6 +79,10 @@ test('Should set a "not_found" status on a server component span when notFound()
       description: 'Page Server Component (/server-component/not-found)',
       op: 'function.nextjs',
       status: 'not_found',
+      data: expect.objectContaining({
+        'sentry.nextjs.function.type': 'Page',
+        'sentry.nextjs.function.route': '/server-component/not-found',
+      }),
     }),
   );
 });
@@ -107,6 +111,10 @@ test('Should capture an error and transaction for a app router page', async ({ p
       description: 'Page Server Component (/server-component/faulty)',
       op: 'function.nextjs',
       status: 'internal_error',
+      data: expect.objectContaining({
+        'sentry.nextjs.function.type': 'Page',
+        'sentry.nextjs.function.route': '/server-component/faulty',
+      }),
     }),
   );
 

packages/nextjs/src/common/wrapServerComponentWithSentry.ts

@@ -89,6 +89,8 @@ export function wrapServerComponentWithSentry<F extends (...args: any[]) => any>
               attributes: {
                 [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'component',
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.nextjs',
+                'sentry.nextjs.function.type': componentType,
+                'sentry.nextjs.function.route': componentRoute,
               },
             },
             span => {