The issue at hand:

When attempting shallow routing in Next.js by changing the query string (adding or removing, but not updating), the page is reloaded and the shallow option is ignored.

Is there a way to prevent reloading while modifying the query string?

Illustrative Example:

Transforming from: example.com/page1/?a=2

To: example.com/page1/?a=2&b=3

Solution Attempt:

const newSearch = '?a=2&b=3'
router.push(`/page1/${newSearch}`, null, { shallow: true })

I have also tried:

const newSearch = '?a=2&b=3'
router.push(`/page1/${newSearch}`, `/page1/${newSearch}`, { shallow: true })