Router query do not contain query string parameter on Router.push()

Bug report

Describe the bug

I’m using the router.push method to change the page after a form submission:

const router = useRouter();

// Then later in one event handler:
router.push(
    "/hotel/[websiteSeoSlug]/rooms",
    /hotel/paris-nation/rooms?checkIn=2020-03-17&checkOut=2020-03-18&nbAdult=2&nbChild=2,
);

On the destination page I use again the router to extract the router query with the help of a hook:

const useFoo = (): Foo => {
  const router = useRouter();

  const foo = useMemo(() => {
    return Foo.fromQueryString(router.query); // Sometime router.query only contain the router dynamic part and not the querystring, and some other time it contain both
  }, [
    ...router.query
  ]);

  return foo;
};

When I arrive on the page after a change on page on client side (router.push(…)), the router.query only contains the dynamic url part { websiteSeoSlug: "paris-nation" }.

If I refresh the page the router.query contains the dynamic url part AND the querystring parameter: { websiteSeoSlug: "paris-nation", checkIn: "2020-03-17", checkOut: "2020-03-18", nbAdult: "2", nbChild: "2" }.

Expected behavior

The router object return by useRouter should always contain the query string parameter of the current URL.

System information

• Version of Next.js: v9.3.0

[armandabric]

I will close this issue as it’s a duplicate of https://github.com/zeit/next.js/issues/9473

Thanks for your help @majelbstoat

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.