bug: cannot navigate back to tab2 page from details page in react tabs starter

[mirkonasato]

Ionic version:
[x] 4.x

Current behavior:
Using the React tabs starter:

1. Tap "Tab Two": navigates to "/tab2"
2. Tap "Go to detail": navigates to "/tab2/details"
3. Tap "Tab Three": navigates to "/tab3"
4. Tap "Tab Two": navigates to "/tab2/details"
5. Tap "Back": navigates to "/tab3"

So as far as I can see once you get into that state there's no way to go back to "/tab2" in a mobile app. (In a web browser you can hit the browser back button a bunch of times until you get there, but in a webview that's not an option.)

Expected behavior:
In a mobile app you'd expect step 5 to navigate to "/tab2".

If that's not possible (because of the need to support normal web browser history as well) then it may be acceptable for step 4 to take you to "/tab2" (the default path for that tab) rather than remember the "/tab2/detail" state but with no way to go back to "/tab2".

Steps to reproduce:
Create a new app with ionic start my-app tabs --type=react, start it up and follow the steps above.

Or look at this video.

Related code:

Other information:

Ionic info:

Ionic:

   Ionic CLI       : 6.0.1 (/home/mirko/.nvm/versions/node/v12.14.1/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 4.11.10

Utility:

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

System:

   NodeJS : v12.14.1 (/home/mirko/.nvm/versions/node/v12.14.1/bin/node)
   npm    : 6.13.6
   OS     : Linux 5.3

[mirkonasato]

The React conference app has the same problem, but the Angular conference app does not. So it does seem to be specific to the React integration.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.