Ensure arrayKeys remains a stable array reference (#19428)

fixes infinite loop and react crash from changes in #19406
This commit is contained in:
Josh Hawkins 2025-08-08 06:54:03 -05:00 committed by GitHub
parent 49793aa655
commit 84f48ee3eb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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"] || "",