Fix infinite loop issue due to incorrect dependencies in SearchByMult…

…ipleFields (#9970)
ohcnetwork · Jan 14, 2025 · 364870b · 364870b
1 parent 27fef8d
commit 364870b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Common/SearchByMultipleFields.tsx b/src/components/Common/SearchByMultipleFields.tsx
@@ -89,7 +89,7 @@ const SearchByMultipleFields: React.FC<SearchByMultipleFieldsProps> = ({
       clearinput ? setSearchValue("") : null;
       inputRef.current?.focus();
     }
-  }, [clearSearch]);
+  }, [clearSearch?.value]);
 
   const handleOptionChange = useCallback(
     (index: number) => {
@@ -160,7 +160,7 @@ const SearchByMultipleFields: React.FC<SearchByMultipleFieldsProps> = ({
     if (selectedOption.value !== searchValue) {
       onSearch(selectedOption.key, searchValue);
     }
-  }, [searchValue, selectedOption.key, selectedOption.value, onSearch]);
+  }, [searchValue]);
 
   const handleSearchChange = useCallback((event: EventType) => {
     const value = "target" in event ? event.target.value : event.value;