web/src/components/input/InputWithTags.tsx

@@ -420,11 +420,11 @@ export default function InputWithTags({
         ? t("button.yes", { ns: "common" })
         : t("button.no", { ns: "common" });
     } else if (filterType === "labels") {
-      return getTranslatedLabel(String(filterValues));
+      return getTranslatedLabel(filterValues as string);
     } else if (filterType === "search_type") {
-      return t("filter.searchType." + String(filterValues));
+      return t("filter.searchType." + (filterValues as string));
     } else {
-      return String(filterValues).replaceAll("_", " ");
+      return (filterValues as string).replaceAll("_", " ");
     }
   }
 

web/src/pages/Explore.tsx

@@ -26,15 +26,6 @@ import { useDocDomain } from "@/hooks/use-doc-domain";
 
 const API_LIMIT = 25;
 
-// always parse these as string arrays
-const SEARCH_FILTER_ARRAY_KEYS = [
-  "cameras",
-  "labels",
-  "sub_labels",
-  "recognized_license_plate",
-  "zones",
-];
-
 export default function Explore() {
   // search field handler
 
@@ -67,7 +58,13 @@ export default function Explore() {
   const [search, setSearch] = useState("");
 
   const [searchFilter, setSearchFilter, searchSearchParams] =
-    useApiFilterArgs<SearchFilter>(SEARCH_FILTER_ARRAY_KEYS);
+    useApiFilterArgs<SearchFilter>([
+      "cameras",
+      "labels",
+      "sub_labels",
+      "recognized_license_plate",
+      "zones",
+    ]);
 
   const searchTerm = useMemo(
     () => searchSearchParams?.["query"] || "",