bug: IonRouterOutlet does not handle recursive routes/paths

Bug Report

Ionic version:

[ ] 4.x [x] 5.6.0

Current behavior:

Consider a page component that shows a user profile and a list of friends. When tapping on a friend, the app navigates to a new route to display that friend’s profile along with a list of friends using the same page component. In other words, recursive routing.

Expected behavior:

Ionic navigation should keep showing the screen and building the url as you go deeper in the recursive path.

I’ve used this as a guide: https://reactrouter.com/web/example/recursive-paths

Steps to reproduce:

Related code:

A sample application via code sandbox https://codesandbox.io/s/ionic-recursive-route-x9r8x?file=/src/app.tsx

Other information:

Ionic info:

Versions

"@ionic/react": "5.6.0",
"@ionic/react-router": "5.6.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-router-dom": "5.2.0",

[cdes]

@liamdebeasi IT WORKS!

https://codesandbox.io/s/ionic-recursive-route-570-dev2021031813498ac4d12-wzoyl

[ionitron-bot[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.