How to programmatically select a refinement with react instantsearch hooks?

Open Q&A
#1

I am using a HierarchicalMenu with CurrentRefinements in React and would like to clear the refinements and set my own refinement on the click of an external button. Is there an easy way to accomplish this?

#2

Hi @issc29

InstantSearch React Hooks maintains an internal UI state you can interact with directly.

You can see an example UI state here: uiState | React InstantSearch Hooks | Algolia

You interact with the UI state with the useInstantSearch hook. You can see an example here: