fix(browser): Keep error grouping

Author: abcang

packages/browser/src/eventbuilder.ts

@@ -288,8 +288,17 @@ export function eventFromUnknownInput(
   if (isDOMError(exception) || isDOMException(exception as DOMException)) {
     const domException = exception as DOMException;
 
-    if ((exception as Error).stack) {
+    if ('stack' in (exception as Error)) {
       event = eventFromError(stackParser, exception as Error);
+
+      const firstException = event.exception?.values?.[0];
+      if (attachStacktrace && syntheticException && firstException && !firstException.stacktrace) {
+        const frames = parseStackFrames(stackParser, syntheticException);
+        if (frames.length) {
+          firstException.stacktrace = { frames };
+          addExceptionMechanism(event, { synthetic: true });
+        }
+      }
     } else {
       const name = domException.name || (isDOMError(domException) ? 'DOMError' : 'DOMException');
       const message = domException.message ? `${name}: ${domException.message}` : name;

packages/browser/test/eventbuilder.test.ts

@@ -181,8 +181,8 @@ describe('eventFromUnknownInput', () => {
         stacktrace: {
           frames: expect.arrayContaining([expect.any(Object), expect.any(Object)]),
         },
-        type: 'Error',
-        value: 'SyntaxError: The string did not match the expected pattern.',
+        type: 'SyntaxError',
+        value: 'The string did not match the expected pattern.',
       }),
     );
   });
@@ -224,8 +224,8 @@ describe('eventFromUnknownInput', () => {
     const syntheticException = new Error('Test message');
     const event = await eventFromUnknownInput(defaultStackParser, exception, syntheticException, false);
     expect(event.exception?.values?.[0]).toEqual({
-      type: 'Error',
-      value: 'SyntaxError: The string did not match the expected pattern.',
+      type: 'SyntaxError',
+      value: 'The string did not match the expected pattern.',
     });
   });