improve stepping behavior

src/components/InputStepCounter/InputStepCounter.tsx

@@ -86,23 +86,23 @@ const StepCounter = ({
     setActive(true)
   }
 
+  const handleOnBlur = useCallback(() => {
+    setUseLocalValue(false)
+    setActive(false)
+    onUserInput(localValue) // trigger update on parent value
+  }, [localValue, onUserInput])
+
   // for button clicks
   const handleDecrement = useCallback(() => {
-    setLocalValue(decrement())
+    setUseLocalValue(false)
     onUserInput(decrement())
   }, [decrement, onUserInput])
 
   const handleIncrement = useCallback(() => {
-    setLocalValue(increment())
+    setUseLocalValue(false)
     onUserInput(increment())
   }, [increment, onUserInput])
 
-  const handleOnBlur = useCallback(() => {
-    setUseLocalValue(false)
-    setActive(false)
-    onUserInput(localValue) // trigger update on parent value
-  }, [localValue, onUserInput])
-
   useEffect(() => {
     if (localValue !== value && !useLocalValue) {
       setTimeout(() => {