From a28ad59b824c08e97fd90815fe6132e34c912807 Mon Sep 17 00:00:00 2001
From: guhcostan-equals <54451673+guhcostan-equals@users.noreply.github.com>
Date: Mon, 17 Aug 2020 08:35:50 -0300
Subject: [PATCH 1/2] Adding id prop

---
 src/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/index.js b/src/index.js
index 854c6b4..6b0ad31 100644
--- a/src/index.js
+++ b/src/index.js
@@ -20,6 +20,7 @@ export default class ReactCodeInput extends Component {
     loading: PropTypes.bool,
     title: PropTypes.string,
     fieldWidth: PropTypes.number,
+    id: PropTypes.string,
     fieldHeight: PropTypes.number,
     autoFocus: PropTypes.bool,
     className: PropTypes.string,
@@ -224,6 +225,7 @@ export default class ReactCodeInput extends Component {
               key={`${this.id}-${index}`}
               data-id={index}
               value={value}
+              id={`${this.props.id}-${index}`}
               ref={this.iRefs[index]}
               onChange={this.onChange}
               onKeyDown={this.onKeyDown}

From b7a3a9db89d9388c19b43611ad0949e92bb0394c Mon Sep 17 00:00:00 2001
From: guhcostan-equals <54451673+guhcostan-equals@users.noreply.github.com>
Date: Mon, 17 Aug 2020 08:56:46 -0300
Subject: [PATCH 2/2] Update index.js

---
 src/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 6b0ad31..55aaa7f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -225,7 +225,7 @@ export default class ReactCodeInput extends Component {
               key={`${this.id}-${index}`}
               data-id={index}
               value={value}
-              id={`${this.props.id}-${index}`}
+              id={this.props.id ? `${this.props.id}-${index}` : null}
               ref={this.iRefs[index]}
               onChange={this.onChange}
               onKeyDown={this.onKeyDown}