diff --git a/src/components/generic/Filter/FilterControl.tsx b/src/components/generic/Filter/FilterControl.tsx index 87ff3723..43ea504b 100644 --- a/src/components/generic/Filter/FilterControl.tsx +++ b/src/components/generic/Filter/FilterControl.tsx @@ -190,10 +190,15 @@ export function FilterControl({ ); const handleBoolChange = useCallback( - (key: K, value: string) => { - const typedValue = value === "" - ? undefined - : JSON.parse(value.toLowerCase()); + (key: K, value: string | boolean) => { + let typedValue: boolean | undefined; + if (typeof value === "boolean") { + typedValue = value; + } else if (value === "true" || value === "false") { + typedValue = value === "true"; + } else { + typedValue = undefined; + } setFilterState((prev) => ({ ...prev, @@ -386,6 +391,28 @@ export function FilterControl({ formatEnumLabel(Protobuf.Mesh.HardwareModel[val])} /> + + + +