Check if the current state address equals input value before updating…

… address state (#203)

* Check if the current state address equals input value before updating address state

* disable minimizing

* exclude updateAddressState from deps

* Revert "exclude updateAddressState from deps"

This reverts commit 5965f27.

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
-    ['@babel/preset-env', { targets: { node: 'current' } }],
+    ['@babel/preset-env', { targets: '> 3%, not dead' }],
     '@babel/preset-typescript',
     '@babel/preset-react',
   ],

src/inputs/AddressInput/index.tsx

@@ -143,7 +143,12 @@ function AddressInput({
 
   // when user switch the network we update the address state
   useEffect(() => {
-    updateAddressState(inputRef.current?.value);
+    // Because the `address` is going to change after we call `updateAddressState`
+    // To avoid calling `updateAddressState` twice, we check the value and the current address
+    const inputValue = inputRef.current?.value;
+    if (inputValue !== address) {
+      updateAddressState(inputRef.current?.value);
+    }
   }, [networkPrefix, address, updateAddressState]);
 
   // when user types we update the address state

webpack.config.js

@@ -62,4 +62,7 @@ module.exports = {
     fs: 'empty',
     child_process: 'empty',
   },
+  optimization: {
+    minimize: false,
+  },
 };