fix: Payment Dropdown multiple render fix (#166)

juspay · Feb 13, 2024 · 56e8cb3 · 56e8cb3
1 parent 6c966f5
commit 56e8cb3
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/Components/PaymentDropDownField.res b/src/Components/PaymentDropDownField.res
@@ -29,15 +29,19 @@ let make = (
   }
   React.useEffect1(() => {
     let initialValue = options->Belt.Array.get(0)->Belt.Option.getWithDefault("")
-    if value.value === "" || value.value === initialValue {
+    if (
+      value.value === "" ||
+      value.value === initialValue ||
+      options->Js.Array2.includes(value.value)->not
+    ) {
       setValue(.prev => {
         ...prev,
         isValid: Some(true),
         value: initialValue,
       })
     }
     None
-  }, [options])
+  }, [options->Belt.Array.get(0)->Belt.Option.getWithDefault("")])
   let handleFocus = _ => {
     setInputFocused(_ => true)
     // setValue(.prev => {