Extra network requests / queries

Using react instant search.

Code is structured like so

<InstantSearch >
<Searchbox />
<Index indexName="name" indexId={`search1`}>
    <Configure filters=... />
    <Hits>
</Index>
 <Index indexName="name" indexId={`search2`}>
    <Configure filters=... />
    <Hits>
</Index>
<Index indexName="name" indexId={`search3`}>
    <Configure filters=... />
    <Hits>
</Index>
</InstantSearch>

A searchbox takes in input, that triggers three searches on the same index, but showing different results with different filters. If i give the searchbox a new input, I’m monitoring network requests that are happening and seeing one request go out right away with the proper query that matches what I typed. Then when search results come back and my results display in the components I’m using to render them, I see another three algolia queries go out. These three queries are all identical to the first. This is probably an issue with how I’m rerendering my component, but the weird part is that even when i remove some of the components above, I still get three additional requests.

Hi there,

Thanks for contacting Algolia!

To best help you, we would need to see the issue live for example with a live URL and code implementation. Can you replicate this in a CodeSandbox, and with steps to replicate the issue (e.g., “You type in X, and then see empty boxes”). You can start with this codesandbox boilerplate if helpful:

Thanks in advance. I look forward to your reply!
Best regards,