fix: fix life cycle oi number-input (#62)

coaidev · Jan 30, 2024 · 31e1eaa · 31e1eaa
1 parent 55d0fd8
commit 31e1eaa
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app/src/components/ui/number-input.tsx b/app/src/components/ui/number-input.tsx
@@ -17,7 +17,8 @@ const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(
   ({ className, type, ...props }, ref) => {
     const [value, setValue] = useState(props.value.toString());
     useEffect(() => {
-      if (getValue(props.value.toString()) !== props.value) {
+      // fix life cycle: update value when props.value changed
+      if (getValue(value.toString()) !== props.value) {
         setValue(props.value.toString());
       }
     }, [props.value]);