fix: update value single select

Author: arielsrodriguez

src/components/Form/SingleSelect.tsx

@@ -82,6 +82,7 @@ function SingleSelect({
   const [selectedOption, setSelectedOption] = useState<ISelectOption | null>(
     null
   )
+  const [newValue, setNewValue] = useState(value)
   const [options, setOptions] = useState<ISelectOption[]>(optionsList)
 
   const handleClick = () => {
@@ -142,14 +143,18 @@ function SingleSelect({
   }, [])
 
   useEffect(() => {
-    if (!value) return
+    if (!newValue) return
     setOptions(
       optionsList.map((option) =>
         option.value === value ? { ...option, selected: true } : option
       )
     )
   }, [])
 
+  useEffect(() => {
+    setNewValue(value)
+  }, [value])
+
   return (
     <div
       ref={selectRef}
@@ -175,7 +180,7 @@ function SingleSelect({
         )}
         <input
           placeholder={isFilter ? placeholder : ''}
-          value={selectedOption?.label}
+          value={selectedOption?.label || newValue}
           {...otherProps}
           className={composeClasses(
             'outline-none w-full bg-transparent truncate text-sm',