Fix Issue #15924 (Number control does not update when using useArgs h…

…ook)
storybookjs · Jan 15, 2022 · 4e6dfb4 · 4e6dfb4
1 parent 8982726
commit 4e6dfb4
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/lib/components/src/controls/Number.tsx b/lib/components/src/controls/Number.tsx
@@ -58,6 +58,13 @@ export const NumberControl: FC<NumberProps> = ({
     if (forceVisible && htmlElRef.current) htmlElRef.current.select();
   }, [forceVisible]);
 
+  useEffect(() => {
+    const newInputValue = typeof value === 'number' ? value : '';
+    if (inputValue !== newInputValue) {
+      setInputValue(value);
+    }
+  }, [value]);
+
   if (!forceVisible && value === undefined) {
     return (
       <Form.Button id={getControlSetterButtonId(name)} onClick={onForceVisible}>