feat(remix): Mark errors caught from Remix instrumentation as unhandled (#8894)

Mark errors caught from remix instrumentation as unhandled:
* `captureRemixErrorBoundaryError` 
* `captureRemixServerException`

For more details see #8890, #6073

Author: Lms24

packages/remix/src/client/errors.tsx

@@ -43,7 +43,7 @@ export function captureRemixErrorBoundaryError(error: unknown): void {
       scope.addEventProcessor(event => {
         addExceptionMechanism(event, {
           type: 'instrument',
-          handled: true,
+          handled: false,
           data: eventData,
         });
         return event;

packages/remix/src/utils/instrumentServer.ts

@@ -104,7 +104,7 @@ export async function captureRemixServerException(err: unknown, name: string, re
     scope.addEventProcessor(event => {
       addExceptionMechanism(event, {
         type: 'instrument',
-        handled: true,
+        handled: false,
         data: {
           function: name,
         },

packages/remix/test/integration/test/client/errorboundary.test.ts

@@ -11,7 +11,7 @@ test('should capture React component errors.', async ({ page }) => {
 
   const [pageloadEnvelope, errorEnvelope] = envelopes;
 
-  expect(pageloadEnvelope.contexts?.trace.op).toBe('pageload');
+  expect(pageloadEnvelope.contexts?.trace?.op).toBe('pageload');
   expect(pageloadEnvelope.tags?.['routing.instrumentation']).toBe('remix-router');
   expect(pageloadEnvelope.type).toBe('transaction');
   expect(pageloadEnvelope.transaction).toBe(
@@ -27,14 +27,17 @@ test('should capture React component errors.', async ({ page }) => {
             type: 'React ErrorBoundary Error',
             value: 'Sentry React Component Error',
             stacktrace: { frames: expect.any(Array) },
+            mechanism: { type: 'chained', handled: false },
           },
         ]
       : []),
     {
       type: 'Error',
       value: 'Sentry React Component Error',
       stacktrace: { frames: expect.any(Array) },
-      mechanism: { type: useV2 ? 'instrument' : 'generic', handled: true },
+      // In v2 this error will be marked unhandled, in v1 its handled because of LinkedErrors
+      // This should be fine though because the error boundary's error is marked unhandled
+      mechanism: { type: useV2 ? 'instrument' : 'generic', handled: !useV2 },
     },
   ]);
 });

packages/remix/test/integration/test/server/action.test.ts

@@ -83,7 +83,7 @@ describe.each(['builtin', 'express'])('Remix API Actions with adapter = %s', ada
               data: {
                 function: useV2 ? 'remix.server' : 'action',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },
@@ -203,7 +203,7 @@ describe.each(['builtin', 'express'])('Remix API Actions with adapter = %s', ada
               data: {
                 function: useV2 ? 'remix.server' : 'loader',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },
@@ -256,7 +256,7 @@ describe.each(['builtin', 'express'])('Remix API Actions with adapter = %s', ada
               data: {
                 function: useV2 ? 'ErrorResponse' : 'action',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },
@@ -311,7 +311,7 @@ describe.each(['builtin', 'express'])('Remix API Actions with adapter = %s', ada
               data: {
                 function: useV2 ? 'ErrorResponse' : 'action',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },
@@ -364,7 +364,7 @@ describe.each(['builtin', 'express'])('Remix API Actions with adapter = %s', ada
               data: {
                 function: useV2 ? 'ErrorResponse' : 'action',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },
@@ -419,7 +419,7 @@ describe.each(['builtin', 'express'])('Remix API Actions with adapter = %s', ada
               data: {
                 function: useV2 ? 'ErrorResponse' : 'action',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },

packages/remix/test/integration/test/server/loader.test.ts

@@ -41,7 +41,7 @@ describe.each(['builtin', 'express'])('Remix API Loaders with adapter = %s', ada
               data: {
                 function: useV2 ? 'remix.server' : 'loader',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },
@@ -140,7 +140,7 @@ describe.each(['builtin', 'express'])('Remix API Loaders with adapter = %s', ada
               data: {
                 function: useV2 ? 'remix.server' : 'loader',
               },
-              handled: true,
+              handled: false,
               type: 'instrument',
             },
           },