showReportDialog failure API #24765

Activity

1. SimonSchick

   added

   Feature

   on Sep 25, 2026
2. getsantry

   added

   Waiting for: Product Owner

   on Sep 25, 2026
3. linear-code commented on Sep 25, 2026

   

   linear-codebot

   on Sep 25, 2026 – with Linear Code

   More actions

   JS-3824
4. getsantry

   added this to GitHub Issues with 👀 3on Sep 25, 2026
5. getsantry

   moved this to Waiting for: Product Owner in GitHub Issues with 👀 3on Sep 25, 2026
6. SimonSchick commented on Sep 25, 2026

   

   SimonSchick

   on Sep 25, 2026

   ContributorAuthor

   More actions

   Our interrim solution:

   import * as Sentry from '@sentry/browser';
   import { useCallback, useEffect, useState } from 'react';
   
   const isReportDialogScript = (target: EventTarget | null): target is HTMLScriptElement => {
     if (!(target instanceof HTMLScriptElement)) {
       return false;
     }
   
     const url = new URL(target.src);
     return url.hostname.endsWith('sentry.io') && url.pathname.endsWith('/api/embed/error-page/');
   };
   
   export const useReportDialog = (
     errorId: string | undefined,
   ): readonly [open: () => void, failed: boolean] => {
     const [failed, setFailed] = useState(false);
   
     // showReportDialog exposes no failure callback. Script error events don't bubble, so catch
     // them on window during the capture phase.
     useEffect(() => {
       const onError = (event: Event): void => {
         if (isReportDialogScript(event.target)) {
           setFailed(true);
         }
       };
   
       window.addEventListener('error', onError, { capture: true });
   
       return () => {
         window.removeEventListener('error', onError, { capture: true });
       };
     }, []);
   
     const open = useCallback(() => {
       if (!errorId) {
         return;
       }
   
       setFailed(false);
       Sentry.showReportDialog({ eventId: errorId });
     }, [errorId]);
   
     return [open, failed] as const;
   };
7. andreiborza commented on Sep 28, 2026

   

   andreiborza

   on Sep 28, 2026

   Last edited by andreiborza

   Member

   More actions

   Hi @SimonSchick, thanks for filing this.

   I think we could expose the onError option or something along those lines. Will take a look.
8. getsantry

   removed

   Waiting for: Product Owner

   on Sep 28, 2026
9. andreiborza

   self-assigned this

   on Sep 28, 2026
10. getsantry

    moved this from Waiting for: Product Owner to No status in GitHub Issues with 👀 3on Sep 28, 2026
11. andreiborza

    closed this as completedin #24780on Sep 28, 2026
12. pull

    added a commit that references this issue on Sep 28, 2026

    feat(browser): Add `onError` callback to `showReportDialog` (getsentr…

    ...

    This issue will close once commit 378cccb is merged into the 'develop' branch.

    378cccb
13. github-actions commented on Sep 28, 2026

    

    github-actionsbot

    on Sep 28, 2026 – with GitHub Actions

    Contributor

    More actions

    A PR closing this issue has just been released 🚀

    This issue was referenced by PR #24780, which was included in the 11.1.0 release.