Change the router query without reloading

[franknoel]

I'm wondering if it's possible to change the current page query without reloading it. I'm asking this because I would like to access a query param from another component.

Here's a preview of my code:

  const router = useRouter();

  const handleClick = (e) => {
    e.preventDefault();
    router.replace(
      {
        pathname: router.pathname,
        query: { job: title },
      },
      `${router.asPath}`
    );
  };

[jamesmosier]

It sounds like shallow routing is what you're looking for

[franknoel]

It is, but it seems like shallow is ignored because my page is dynamic.
There's another discussion explaining my issue: #13212