Merge pull request #44 from n3m/bugfix/onComplete-falsely-triggered

Fixed onCompleted trigger when placeholder is one character/digit

Author: ugogo

package.json

@@ -37,7 +37,7 @@
     "test:watch": "react-scripts test --env=jsdom",
     "release": "npm run test && npm run prepare && dotenv release-it",
     "lint": "eslint . --ext .js,.ts,.tsx",
-    "format": "prettier --write {src,playground}",
+    "format": "prettier --write {src,playground}/**/*.{ts,tsx}",
     "format:check": "prettier --check {src,playground}/**/*.{ts,tsx}"
   },
   "peerDependencies": {
@@ -93,4 +93,4 @@
     "input",
     "autocompletion"
   ]
-}
+}

src/index.tsx

@@ -156,7 +156,8 @@ const ReactInputVerificationCode = ({
     const stringValue = value.join('');
     const isCompleted = stringValue.length === length;
 
-    if (isCompleted) onCompleted(stringValue);
+    if (isCompleted && stringValue !== emptyValue.join(''))
+      onCompleted(stringValue);
     onChange(stringValue);
   }, [value, length]);