From 3649392b475271198cd61295091e8acf708efa25 Mon Sep 17 00:00:00 2001
From: Dries Augustyns <inbox@driaug.com>
Date: Mon, 20 Apr 2026 19:47:39 +0200
Subject: [PATCH] fix: Sync display name in TemplateSearchPicker when
 initialName changes

---
 apps/web/src/components/TemplateSearchPicker.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/TemplateSearchPicker.tsx b/apps/web/src/components/TemplateSearchPicker.tsx
index b3fc74c..c283858 100644
--- a/apps/web/src/components/TemplateSearchPicker.tsx
+++ b/apps/web/src/components/TemplateSearchPicker.tsx
@@ -20,14 +20,13 @@ interface TemplateSearchPickerProps {
  */
 export function TemplateSearchPicker({value, initialName, onChange}: TemplateSearchPickerProps) {
   const [query, setQuery] = useState(initialName ?? '');
+  const [prevInitialName, setPrevInitialName] = useState(initialName);
   const [debouncedQuery, setDebouncedQuery] = useState('');
   const [open, setOpen] = useState(false);
   const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const prevInitialName = useRef(initialName);
 
-  // Sync display name when initialName changes (e.g. dialog re-opens with a different selection)
-  if (initialName !== prevInitialName.current) {
-    prevInitialName.current = initialName;
+  if (initialName !== prevInitialName) {
+    setPrevInitialName(initialName);
     setQuery(initialName ?? '');
   }