fix(integrations): Treat specific CustomEvents as promise rejections (#2429)

Author: lobsterkatie

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+- [browser] fix: Handle PromiseRejectionEvent-like CustomEvents
+
 ## 5.12.3
 
 - [apm] fix: Remove undefined keys from trace.context

packages/browser/src/integrations/globalhandlers.ts

@@ -138,8 +138,22 @@ export class GlobalHandlers implements Integration {
 
     this._global.onunhandledrejection = function(e: any): boolean {
       let error = e;
+
+      // dig the object of the rejection out of known event types
       try {
-        error = e && 'reason' in e ? e.reason : e;
+        // PromiseRejectionEvents store the object of the rejection under 'reason'
+        // see https://developer.mozilla.org/en-US/docs/Web/API/PromiseRejectionEvent
+        if ('reason' in e) {
+          error = e.reason;
+        }
+        // something, somewhere, (likely a browser extension) effectively casts PromiseRejectionEvents
+        // to CustomEvents, moving the `promise` and `reason` attributes of the PRE into
+        // the CustomEvent's `detail` attribute, since they're not part of CustomEvent's spec
+        // see https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent and
+        // https://github.com/getsentry/sentry-javascript/issues/2380
+        else if ('detail' in e && 'reason' in e.detail) {
+          error = e.detail.reason;
+        }
       } catch (_oO) {
         // no-empty
       }

packages/browser/src/loader.js

@@ -200,9 +200,9 @@
 
   // Do the same store/queue/call operations for `onunhandledrejection` event
   var _oldOnunhandledrejection = _window[_onunhandledrejection];
-  _window[_onunhandledrejection] = function(exception) {
+  _window[_onunhandledrejection] = function(e) {
     queue({
-      p: exception.reason
+      p: 'reason' in e ? e.reason : 'detail' in e && 'reason' in e.detail ? e.detail.reason : e
     });
     if (_oldOnunhandledrejection) _oldOnunhandledrejection.apply(_window, arguments);
   };

packages/integrations/src/dedupe.ts

@@ -61,7 +61,7 @@ export class Dedupe implements Integration {
     const currentMessage = currentEvent.message;
     const previousMessage = previousEvent.message;
 
-    // If no event has a message, they were both exceptions, so bail out
+    // If neither event has a message property, they were both exceptions, so bail out
     if (!currentMessage && !previousMessage) {
       return false;
     }
@@ -108,7 +108,7 @@ export class Dedupe implements Integration {
     let currentFrames = this._getFramesFromEvent(currentEvent);
     let previousFrames = this._getFramesFromEvent(previousEvent);
 
-    // If no event has a fingerprint, they are assumed to be the same
+    // If neither event has a stacktrace, they are assumed to be the same
     if (!currentFrames && !previousFrames) {
       return true;
     }
@@ -178,7 +178,7 @@ export class Dedupe implements Integration {
     let currentFingerprint = currentEvent.fingerprint;
     let previousFingerprint = previousEvent.fingerprint;
 
-    // If no event has a fingerprint, they are assumed to be the same
+    // If neither event has a fingerprint, they are assumed to be the same
     if (!currentFingerprint && !previousFingerprint) {
       return true;
     }