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 */}