diff --git a/src/apps/search-header/search-header.tsx b/src/apps/search-header/search-header.tsx index 69cfc0ac3f..372f850178 100644 --- a/src/apps/search-header/search-header.tsx +++ b/src/apps/search-header/search-header.tsx @@ -302,6 +302,7 @@ const SearchHeader: React.FC = () => { ["getInputProps"]; getLabelProps: UseComboboxPropGetters["getLabelProps"]; dataCy?: string; + setQWithoutQuery: (value: string) => void; } const SearchBar: React.FC = ({ getInputProps, getLabelProps, - dataCy = "search-header-input" + dataCy = "search-header-input", + setQWithoutQuery }) => { const t = useText(); return ( @@ -31,7 +33,11 @@ const SearchBar: React.FC = ({ autoComplete="off" placeholder={t("inputPlaceholderText")} aria-label={t("inputPlaceholderText")} - {...getInputProps()} + {...getInputProps({ + onChange: (e: React.ChangeEvent) => { + setQWithoutQuery(e.target.value); + } + })} /> {/* eslint-enable react/jsx-props-no-spreading */}