fix: 🐛

src/components/SearchBar/index.tsx

@@ -168,18 +168,18 @@ const SearchBar = forwardRef<
   }, [input, debouncedInput, profiles])
 
   useEffect(() => {
-    if (list) {
+    setDisplayList(searching && !!input)
+  }, [searching, input])
+
+  useEffect(() => {
+    if (displayList && list) {
       modalManager.register(id, () => {
         setDisplayList(false)
       })
     } else {
       modalManager.unregister(id)
     }
-  }, [list])
-
-  useEffect(() => {
-    setDisplayList(searching && !!input)
-  }, [searching, input])
+  }, [displayList, list])
 
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent) => {

src/services/modal-manager.service.ts

@@ -11,6 +11,12 @@ class ModalManagerService {
   }
 
   register(id: string, cb: () => void) {
+    const modal = this.modals.find((m) => m.id === id)
+    if (modal) {
+      // already registered, update callback
+      modal.cb = cb
+      return
+    }
     this.modals.push({ id, cb })
   }