bug: ionTabsDidChange event not triggering in Ionic 8 (React)

[sergioadimedia]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

The ionTabsDidChange event does not trigger in Ionic 8. This issue does not occur in Ionic 7, where the event triggers as expected.

Expected Behavior

The ionTabsDidChange event should trigger in Ionic 8 when a tab is changed, just as it does in Ionic 7.

Steps to Reproduce

1. Initialize a new Ionic project using the tabs template:

ionic start project tabs

This installs Ionic 7 by default.

2. Add a listener for the ionTabsDidChange event in the IonTabs component and include a console.log() to verify the event is triggered.

<IonTabs onIonTabsDidChange={(e) => console.log('onIonTabsDidChange', e.detail.tab)}>
...
</IonTabs>

3. Confirm that the event works as expected by running the project.

4. Upgrade to Ionic 8 by running:

npm i @ionic/react@8 @ionic/react-router@8

5. Run the project again and observe that the ionTabsDidChange event no longer triggers when switching tabs.

Code Reproduction URL

https://codesandbox.io/p/sandbox/purple-hooks-tsmpmp

Ionic Info

Ionic:

Ionic CLI : 5.4.16 (C:\Users\sergio\AppData\Local\npm-cache_npx\864a9e3c2cd0cf50\node_modules\ionic)
Ionic Framework : @ionic/react 8.4.1

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v18.19.0 (C:\Program Files\nodejs\node.exe)
npm : 10.2.3
OS : Windows 11

Additional Information

No response