Fix if search word is number will be crash (#19426)

* fix: fix if filterValues is number will be crash

* chore: use String function cover filterValues

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(filterValues as string);
+      return getTranslatedLabel(String(filterValues));
     } else if (filterType === "search_type") {
-      return t("filter.searchType." + (filterValues as string));
+      return t("filter.searchType." + String(filterValues));
     } else {
-      return (filterValues as string).replaceAll("_", " ");
+      return String(filterValues).replaceAll("_", " ");
     }
   }
 

web/src/pages/Explore.tsx

@@ -26,6 +26,15 @@ 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
 
@@ -58,13 +67,7 @@ export default function Explore() {
   const [search, setSearch] = useState("");
 
   const [searchFilter, setSearchFilter, searchSearchParams] =
-    useApiFilterArgs<SearchFilter>([
-      "cameras",
-      "labels",
-      "sub_labels",
-      "recognized_license_plate",
-      "zones",
-    ]);
+    useApiFilterArgs<SearchFilter>(SEARCH_FILTER_ARRAY_KEYS);
 
   const searchTerm = useMemo(
     () => searchSearchParams?.["query"] || "",