bug: ion-router does not work with query params

Bug Report

Ionic version: 4.9.1

Current behavior: I use ion-router component in stencilJs.

Here is ion-router config:

<ion-router useHash={false}>
    <ion-route url="/home" component="app-home-page" />
</ion-router>

I need to open /home page with query params (/home?p=1)

Navigation to /home?p=1 does not work. I tried to navigate using ion-router-link component: <ion-router-link href={"/home?p=1"}>Home page</a> and using ion-router component

const nav = document.querySelector('ion-router');
nav.push("/home?p=1")

In both cases there is an error console: route not found. But if I reload the page in browser then page is successfully opened.

Expected behavior:

Navigation to /home?p=1 must work.

Steps to reproduce:

1. In stencilJs add ion-router:

<ion-router useHash={false}>
    <ion-route url="/home" component="app-home-page" />
</ion-router>

1. try to navigate to “/home?p=1”

[mslourens]

@tricki the issue has been solved in 5.1.1. I just tested it, the querystring gets passed along with the route.

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