Combining ReactInstant Search Widgets with React Hook Form Version
TLDR Uma asks if they can combine ReactInstant Search widgets with React Hook Form version widgets. Jason suggests asking in the Instantsearch github repo, but suspects they'd need to switch all widgets to the hooks version.
May 22, 2023 (4 months ago)
Uma
05:32 PM- How can we convert the widgets that are only available on the React Hook Form version? Can they be used interchangeably?
https://www.algolia.com/doc/guides/building-search-ui/ui-and-ux-patterns/facet-dropdown/js/
-Also, how do we stop the search results from populating in the background while they are checking off filtering criteria? We want it to only show the search results after clicking the show results button at the bottom of our filtering form.
Jason
05:47 PMUnfortunately this is not possible:
Source - https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/react-hooks/#:~:text=React%20InstantSearch%20and%20React%20InstantSearch,with%20the%20React%20InstantSearch%20components
Jason
05:50 PMYou would have to build a custom widget to do this, similar to what’s described here: https://www.algolia.com/doc/guides/building-search-ui/going-further/improve-performance/react-hooks/#turn-off-search-as-you-type
May 23, 2023 (4 months ago)
Uma
04:00 AM• What can we do if we need some UI widgets that are currently only provided as being available in the React Hook form version?
• Can we have some widgets that are on React Instantsearch and others with React Hook form and run them together at the same time within one filtering form?
Jason
02:55 PMBut my hunch is that if you want to use widgets from the hooks version of instantsearch, you would have to switch all widgets to the hooks version.
May 25, 2023 (4 months ago)
Uma
02:03 PM
Typesense
Indexed 2764 threads (79% resolved)
Similar Threads
Using Hooks for Filtering in Algolia Typesense
Adrian inquired about programmatic filter application using hooks with algolia typesense, Jason recommended creating a custom widget and provided a link for reference.
1Troubleshooting Typesense Setup and Understanding Facets and Keywords
Demitri encountered errors when exploring Typesense for the first time. Jason guided them through troubleshooting and discussed facets, keyword settings, and widget configurations. Helin shared a Python demo app and its source code to help Demitri with their project.
1Creating Custom Widget with React InstantSearch DOM
KARTHICK needed assistance creating a custom widget using functional component in React InstantSearch DOM. Jason provided a link with full customization examples for each widget.