content: Missing Event type when trying to subscribe to 'ionBackButton' with React. #4261

Activity

1. Fep310

   added

   triageNew issuesNew issues

   on Aug 25, 2025
2. aeharding commented on Aug 26, 2025

   

   aeharding

   on Aug 26, 2025

   More actions

   CustomEvent<BackButtonEventDetail> is the param:

   import { App } from "@capacitor/app";
   import { BackButtonEventDetail } from "@ionic/core";
   import { useEffect } from "react";
   
   import { useOptimizedIonRouter } from "#/helpers/useOptimizedIonRouter";
   
   export default function AndroidBackButton() {
     const router = useOptimizedIonRouter();
   
     // Back button handling for Android native app
     useEffect(() => {
       const backButtonHandler = (ev: CustomEvent<BackButtonEventDetail>) => {
         ev.detail.register(-1, () => {
           // pswp is the gallery component. It pushes state, but the router isn't aware.
           // So if that's open, don't close the app just yet
           if (!router.canGoBack() && !document.querySelector(".pswp--open")) {
             App.exitApp();
           }
         });
       };
   
       document.addEventListener(
         "ionBackButton",
         backButtonHandler as EventListener,
       );
   
       return () => {
         document.removeEventListener(
           "ionBackButton",
           backButtonHandler as EventListener,
         );
       };
     }, [router]);
   
     return null;
   }

   ❤️React with ❤️2Reacted by Shane and Fep310
3. brandyscarney

   added

   contentIssues related to the contents of the documentation websiteIssues related to the contents of the documentation website

   on Oct 13, 2025
4. ionitron-bot

   removed

   triageNew issuesNew issues

   on Oct 13, 2025