Merge pull request #17247 from aritrakoley/number_counter_issue

Controls: Fix number control update when using useArgs hook
storybookjs · Jan 17, 2022 · ad15e4c · ad15e4c
2 parents 2f83d1b + 4e6dfb4
commit ad15e4c
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}>