diff --git a/package-lock.json b/package-lock.json
index ea0f056..b43b996 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5360,6 +5360,30 @@
         "is-obj": "^1.0.0"
       }
     },
+    "dotenv": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.2.0.tgz",
+      "integrity": "sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==",
+      "dev": true
+    },
+    "dotenv-cli": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/dotenv-cli/-/dotenv-cli-3.2.0.tgz",
+      "integrity": "sha512-zg/dfXISo7ntL3JKC+oj7eXEMg8LbOsARWTeypfVsmYtazDYOptmKLqA9u3LTee9x/sIPiLqmI6wskRP+89ohQ==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.1",
+        "dotenv": "^8.1.0",
+        "dotenv-expand": "^5.1.0",
+        "minimist": "^1.1.3"
+      }
+    },
+    "dotenv-expand": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-5.1.0.tgz",
+      "integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==",
+      "dev": true
+    },
     "duplexer3": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
diff --git a/src/index.tsx b/src/index.tsx
index 825f7fe..b773427 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -177,12 +177,12 @@ export default class VerticalSlider extends React.Component<props, state> {
       this._changeState(value);
     }
   }
-  
-  shouldComponentUpdate(nextProps: props, nextState: state){
-    if(nextProps.value && nextProps.value != nextState.value ){
+
+  shouldComponentUpdate(nextProps: props, nextState: state) {
+    if (nextProps.value && nextProps.value !== nextState.value) {
       this._changeState(nextProps.value);
     }
-    return false
+    return false;
   }
 
   render() {