Merge pull request #12 from devfolioco/fix-ctrl-comp

Fix uncontrolled to controlled input error

Author: ajayns

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-otp-input",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A fully customizable, one-time password input component for the web built with React",
   "main": "lib/index.js",
   "scripts": {

src/lib/index.jsx

@@ -78,6 +78,7 @@ class SingleOtpInput extends PureComponent<*> {
       disabledStyle,
       shouldAutoFocus,
       isInputNum,
+      value,
       ...rest
     } = this.props;
 
@@ -105,6 +106,7 @@ class SingleOtpInput extends PureComponent<*> {
             this.input = input;
           }}
           disabled={isDisabled}
+          value={value ? value : ''}
           {...rest}
         />
         {!isLastChild && separator}