Filter is not working via URL when its on same page: Next.js App Routing

[naseef0]

🐛 Current behavior

Filtering doesn't work via URL when staying on the same page. I've added quick filters that contain filtered URLs. Clicking any of the filtered URLs doesn't apply the filter. However, if I refresh the page, I get the filtered results. i have used InfiniteHits component

eg:

<div
        style={{
          display: "flex",
          justifyContent: "center",
          marginBottom: "20px",
          marginTop: "20px",
        }}
      >
        <Link
          style={{ marginRight: "10px" }}
          href="/?instant_search%5BrefinementList%5D%5BhierarchicalCategories.lvl0%5D%5B0%5D=Appliances&&id=1"
        >
          <button>Appliances</button>
        </Link>
        <Link
          style={{ marginRight: "10px" }}
          href="/?instant_search%5BrefinementList%5D%5BhierarchicalCategories.lvl0%5D%5B0%5D=Audio&instant_search%5BrefinementList%5D%5Bbrand%5D%5B0%5D=Bose%C2%AE&instant_search%5BrefinementList%5D%5Bbrand%5D%5B1%5D=JBL&instant_search%5BrefinementList%5D%5Brating%5D%5B0%5D=2"
        >
          <button>Audio</button>
        </Link>
        <Link
          style={{ marginRight: "10px" }}
          href="/?instant_search%5BrefinementList%5D%5BhierarchicalCategories.lvl0%5D%5B0%5D=Household%20Essentials&instant_search%5BrefinementList%5D%5BhierarchicalCategories.lvl0%5D%5B1%5D=Cameras%20%26%20Camcorders&instant_search%5BrefinementList%5D%5Bbrand%5D%5B0%5D=Nikon&instant_search%5BrefinementList%5D%5Bcategories%5D%5B0%5D=Short-Range%20Zoom%20Lenses"
        >
          <button>Cameras & Camcorders & Household Essentials</button>
        </Link>
      </div>
      <InstantSearchNext
        searchClient={client}
        indexName="instant_search"
        routing
      >
        <Configure hitsPerPage={1114} />

        <div className="Container">
          <div>
            <DynamicWidgets fallbackComponent={FallbackComponent} />
          </div>
          <div>
            {/* <SearchBox /> */}
            <InfiniteHits hitComponent={Hit} cache={sessionStorageCache} />
          </div>
        </div>
      </InstantSearchNext>

🔍 Steps to reproduce

1. Go to browser.
2. Click any of Quick filter shown above
3. Nothing happens
4. Refresh the page, you'll get result

Live reproduction

https://codesandbox.io/p/devbox/friendly-boyd-y42v3c?file=%2Fapp%2FSearch.tsx%3A58%2C1-72%2C31

💭 Expected behavior

If i click any of Quick filters i should get filtered results without refreshing the page

Package version

"algoliasearch": "4.22.1", "instantsearch.css": "8.1.0", "next": "13.5.1", "react": "18.2.0", "react-dom": "18.2.0", "react-instantsearch": "7.6.0", "react-instantsearch-nextjs": "0.1.13"

Operating system

Ubuntu 22.04.4 LTS

Browser

Firefox 123.0 (64-bit)

Code of Conduct

• [X] I agree to follow this project's Code of Conduct