From 801b09171a2408048fe53672057ea61c9b7dbac6 Mon Sep 17 00:00:00 2001
From: Vladimir Kochenov <kochenov.vl@gmail.com>
Date: Sat, 28 Dec 2019 12:07:04 +0300
Subject: [PATCH] Add check of isNaN

---
 client/patterns/stepper-input/Details.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/patterns/stepper-input/Details.tsx b/client/patterns/stepper-input/Details.tsx
index cd707d3..fb8a09d 100644
--- a/client/patterns/stepper-input/Details.tsx
+++ b/client/patterns/stepper-input/Details.tsx
@@ -10,7 +10,11 @@ const Details: React.FC<{}> = () => {
     const [value, setValue] = useState(0);
     const decrease = () => setValue(value - 1);
     const increase = () => setValue(value + 1);
-    const change = (e: React.ChangeEvent<HTMLInputElement>) => setValue(parseInt(e.target.value, 10));
+    const change = (e: React.ChangeEvent<HTMLInputElement>) => {        
+        const value = parseInt(e.target.value, 10);
+        const newValue = isNaN(value) ? 0 : value;
+        setValue(newValue);
+    };
 
     return (
         <DetailsLayout title="Stepper input">