#community-help

Restricting HierarchicalMenu Search to a Specific Collection

TLDR gab needed to restrict the HierarchicalMenu component to search within a specific collection. Jason solved the issue by recommending they nest the HierarchicalMenu within an Index element.

23mo

Join the chat

Feb 11, 2022 (23 months ago)

Photo of md5-8be2a24edf7a95c9c74abce4b1130c3e

gab

05:51 PM

Hi,
when using the HierarchicalMenu from 'react-instantsearch-dom' can we restrict the component so that search will be on a specific collection ?

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

07:01 PM

gab IIRC by default it only works on a single collection...

07:02

Jason

07:02 PM

May be I don't understand the question fully

gab

07:03 PM

In fact I have 2 collections (2 indexes) used in the <InstantSearch/> context. So when I try to use inside the HierarchicalMenu it tries to query the categories fields in both collection.
But in my case I only have those categories on one collection.

07:05

gab

07:05 PM

<InstantSearch>
  <Index indexName="col1" />
  <Index indexName="col2" />

  <HierarchicalMenu attributes={['categories.lvl0']}/>
</InstantSearch>

07:05

gab

07:05 PM

I saw I could have multiple InstantSearch context but I would like to avoid

Jason

08:01 PM

I haven't tried this myself... May be try nesting HierarchicalMenu within an Index element?

08:02

Jason

08:02 PM

Something like this:

<Index indexName="col2">
   <HierarchicalMenu attributes={['categories.lvl0']}/
</Index>

Feb 14, 2022 (23 months ago)

gab

11:36 AM

Ah you're right, that's working well, thanks !

Typesense

Lightning-fast, open source search engine for everyone | Knowledge Base powered by Struct.AI

Indexed 3015 threads (79% resolved)

Join Our Community

Similar Threads

Configuring HierarchicalMenu and Autocomplete in React

gab needed guidance on configuring index-related components. Jason advised using different Configure widgets, and helped with the correct usage in React.

23mo

Resolving Issues with 'React-InstantSearch'

robert was having trouble merging results from different collections using `react-instantsearch` and was facing issues with undefined highlight results. After much discussion, Jason provided a solution using `collectionSpecificSearchParameters` and `highlight_full_fields` to solve the problem.

17mo

Custom MenuSelect Component Error with Different Facet Lists

KARTHICK and Uma face the same issue with a custom menuselect component. Jason suggests asking in the instantsearch GitHub repo.

6mo

Using Hierarchical Menu for Filtering in InstantSearch Vue Component

Sanjay needed help on filtering product data by hierarchy in InstantSearch Vue. Jason suggested using the hierarchical menu widget and provided the needed data format.

16mo

Resolving Index Error with Typesense in InstantSearch

Jamshid experienced errors during a multi-index search using Typesense due to a discrepancy in indices. Jason fixed the issue by suggesting the use of `ais-index` to avoid the error.

4mo