diff --git a/src/components/NumberInput/NumberInput.tsx b/src/components/NumberInput/NumberInput.tsx index 7094aca51..a286decf4 100644 --- a/src/components/NumberInput/NumberInput.tsx +++ b/src/components/NumberInput/NumberInput.tsx @@ -27,10 +27,10 @@ const NumberInput = forwardRef(({ defaultValue = 0, sho const displayValue = props.value ?? value; const handleKeyDown = useCallback((event: KeyboardEvent) => { - onKeyDown && onKeyDown(event); + onKeyDown?.(event); if (event.key === 'Enter') { - onSubmit && onSubmit(event); + onSubmit?.(event); } }, [onKeyDown, onSubmit]); @@ -63,9 +63,9 @@ const NumberInput = forwardRef(({ defaultValue = 0, sho return value; }; - const handleInputChange = ({ target: { valueAsNumber }}: ChangeEvent) => { + const handleInputChange = useCallback(({ target: { valueAsNumber }}: ChangeEvent) => { handleValueChange(clampValueToRange(valueAsNumber || 0)); - }; + }, []); return (