diff --git a/frontend/src/Components/Page/Header/MovieSearchInput.tsx b/frontend/src/Components/Page/Header/MovieSearchInput.tsx index b381e7f3c9..be6d31124d 100644 --- a/frontend/src/Components/Page/Header/MovieSearchInput.tsx +++ b/frontend/src/Components/Page/Header/MovieSearchInput.tsx @@ -134,6 +134,10 @@ function MovieSearchInput() { const isLoading = useRef(false); const requestValue = useRef(null); const requestLoadingRef = useRef(false); + const moviesRef = useRef(movies); + + // Keep moviesRef current to avoid stale closure in debounced callback + moviesRef.current = movies; const suggestionGroups = useMemo(() => { const result: Section[] = []; @@ -203,7 +207,7 @@ function MovieSearchInput() { const payload = { value, - movies, + movies: moviesRef.current, }; worker.current?.postMessage(payload);