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) => ( - {value} + + {value} + ))}