One index, multiple hitsPerPage and Pagination

I have a use case for displaying results in two ways on the same page from one index:

  1. List view contains paginated results, say 10 items per page
  2. Map view contains non-paginated results, say 1000 items (or all)
  3. Both results sync search state such as filters

I tried to use multiple components but I couldn’t get two instances to sync search states. I also tried to use multiple index using with for Map but the pagination of the List (10 to 20) throws off the Map pagination (1000 to 2000).

Any ideas? Ideally we can re-use the same index and just sync what we want to sync and disconnect what don’t want in sync (pagination and number of hits).

1 Like