From c07e5a697dcd3b8abce1716bb86283ca40ee97c0 Mon Sep 17 00:00:00 2001
From: Cody Kickertz <cody.kickertz@pm.me>
Date: Sun, 21 Dec 2025 12:27:41 -0600
Subject: [PATCH] fix(frontend): use ref to avoid stale movies closure in
 search (#103)

Co-authored-by: admin <admin@ardentleatherworks.com>
---
 frontend/src/Components/Page/Header/MovieSearchInput.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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<string | null>(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);