diff --git a/plugins/search/src/components/SearchFilterNext/SearchFilterNext.tsx b/plugins/search/src/components/SearchFilterNext/SearchFilterNext.tsx
index dd805c3af1..d745b5c2d4 100644
--- a/plugins/search/src/components/SearchFilterNext/SearchFilterNext.tsx
+++ b/plugins/search/src/components/SearchFilterNext/SearchFilterNext.tsx
@@ -79,30 +79,31 @@ const CheckboxFilter = ({ name, defaultValue, values }: Component) => {
[name]: defaultValue,
}));
}
- }, [defaultValue, setFilters]);
+ }, [name, defaultValue, setFilters]);
return (
{name}
{values &&
- values.map((v: string) => (
+ values.map((value: string) => (
setCheckboxFilter(v)}
+ inputProps={{ 'aria-labelledby': value }}
+ value={value}
+ name={value}
+ onChange={() => setCheckboxFilter(value)}
checked={
filters[name]
- ? (filters[name] as string[]).includes(v)
+ ? (filters[name] as string[]).includes(value)
: false
}
/>
}
- label={v}
+ label={value}
/>
))}
@@ -130,7 +131,7 @@ const SelectFilter = ({ name, defaultValue, values }: Component) => {
[name]: defaultValue,
}));
}
- }, [setFilters, defaultValue]);
+ }, [name, defaultValue, setFilters]);
return (
@@ -147,7 +148,9 @@ const SelectFilter = ({ name, defaultValue, values }: Component) => {
{values &&
values.map((value: string) => (
-
+
))}