From 411071a4f3559755c2bffdb8bbf9c7969f42775b Mon Sep 17 00:00:00 2001
From: Sean Adams <4382156+sean-adams@users.noreply.github.com>
Date: Thu, 21 Jan 2021 21:01:03 -0500
Subject: [PATCH] update datalayer select even if var is the same

---
 src/Datalayers.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Datalayers.js b/src/Datalayers.js
index 93720ad..d2e74c0 100644
--- a/src/Datalayers.js
+++ b/src/Datalayers.js
@@ -480,12 +480,17 @@ class GTM extends Component {
   constructor(props) {
     super(props);
     this.state = {
+      activeIndex: 0,
       activeDatalayer: props.GTMs[0].name || 'dataLayer'
     };
   }
 
   changeDatalayer = (e) => {
-    this.setState({ activeDatalayer: e.target.value });
+    const index = e.target.value;
+    this.setState({
+      activeIndex: index,
+      activeDatalayer: this.props.GTMs[index].name || 'dataLayer'
+    });
   }
 
   render() {
@@ -498,9 +503,9 @@ class GTM extends Component {
       </td>);
     } else {
       header = (<td>
-        <select value={this.state.activeDatalayer} onChange={this.changeDatalayer}>
+        <select value={this.state.activeIndex} onChange={this.changeDatalayer}>
           {GTMs.map((v, i) =>
-            <option key={v.name} value={v.name}>{v.id} {v.iframe ? '[iframe]' : ''} ({v.name})</option>
+            <option key={v.name} value={i}>{v.id} {v.iframe ? '[iframe]' : ''} ({v.name})</option>
           )}
         </select>
       </td>);