How to reset the VoiceSearch transcript in react-instantsearch-hooks-web?

larsejaas · April 20, 2023, 6:29pm

I have recently upgraded a search ui build in React to the react-instantsearch-hooks-web package.

As the new package does not have a <VoiceSearch> widget or useVoiceSearchhook I built custom components for these.

However, I cannot figure out how to reset the voiceSearch transcript?

All functionality works as expected, but if I reset the state of my UI using the reset button in the SearchBox widget the VoiceSearch transcript is not reset.

I am unsure what I am missing? Can anyone point me in the right direction?

larsejaas · April 20, 2023, 6:42pm

Not sure why I cannot add code in here? I keep getting a draft error? But this is my component and hook:

gist.github.com

https://gist.github.com/LarsEjaas/0979e565efaa452f1495cc6209b7c88b

voiceSearch.tsx

import { PropsWithChildren } from "react";
import { useConnector } from "react-instantsearch-hooks-web";
import connectVoiceSearch, {
  VoiceSearchConnectorParams,
  VoiceSearchRenderState,
  VoiceSearchWidgetDescription,
} from "instantsearch.js/es/connectors/voice-search/connectVoiceSearch";
import type { Status } from "instantsearch.js/es/lib/voiceSearchHelper/types";
import { Tooltip } from "components/baseComponents";

This file has been truncated. show original