algolia / instantsearch

āš”ļø Libraries for building performant and instant search and recommend experiences with Algolia. Compatible with JavaScript, TypeScript, React and Vue.
https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/
MIT License
3.67k stars 514 forks source link

Refinement list gets populated and empty again when entering search page directly from URL #6293

Open samanthaacosta opened 1 month ago

samanthaacosta commented 1 month ago

šŸ› Current behavior

Currently, when entering the search page directly from the URL, the refinement list gets populated, and then, it gets clean again. There's no change on our side, the query is still present on the response (so, it didn't get lost), and the only difference in the response from each time, is the items value.

simplescreenrecorder-2024-07-23_12.52.56.webm

In QA/PROD, this is the behavior:

I've also tried to update the packages (4.73.2 and 4.19.0), but it only worked for local env, not other environments. We validated and the package was updated on those environments.

In local, this is the behavior (that's the "expected", since it gets the items populated and not empty):

šŸ” Steps to reproduce

  1. Go to https://nuts.com/search/instant?query=cashews
  2. Check the box on the left side, responsible for rendering the filters
  3. Check that it will populate and then clean the list of facets

Live reproduction

https://nuts.com/search/instant?query=cashews

šŸ’­ Expected behavior

The items shouldn't be clear after they are populated. simplescreenrecorder-2024-07-23_13.04.56.webm

Package version

instantsearch.js: ^4.37.3, vue-instantsearch: ^4.17.5

Operating system

No response

Browser

No response

Code of Conduct

Haroenv commented 1 month ago

Has this always happened or only since a certain version or change you've done? Can you reproduce this outside of the nuts website?

samanthaacosta commented 1 month ago

This hasn't always happened, we are not sure where this started, but we believe it was when we updated the vue to 3.4.31. I can help with the stack traces and debugging the nuts website

Haroenv commented 1 month ago

The best way to get to a solution here is first a minimal reproducible example, do you think you could make that? thanks!