title: React contract error when click Mint button
body: <p>I use Ropsten network for testing.
  Connecting with the Metamask wallet working well, but when I click the Mint button I get this error:</p>
  <pre><code>Uncaught (in promise) Error: invalid address (argument=&quot;address&quot;, value=null, code=INVALID_ARGUMENT, version=address/5.5.0) (argument=&quot;_to&quot;, value=null, code=INVALID_ARGUMENT, version=abi/5.0.7)
      at Logger.makeError (index.ts:225:1)
      at Logger.throwError (index.ts:237:1)
      at Logger.throwArgumentError (index.ts:241:1)
      at AddressCoder._throwError (abstract-coder.ts:68:1)
      at AddressCoder.encode (address.ts:18:1)
      at array.ts:71:1
      at Array.forEach (&lt;anonymous&gt;)
      at pack (array.ts:54:1)
      at TupleCoder.encode (tuple.ts:23:1)
      at AbiCoder.encode (abi-coder.ts:106:1)
      at ABICoder.push../node_modules/web3-eth-abi/lib/index.js.ABICoder.encodeParameters (index.js:120:1)
      at index.js:438:1
      at Array.map (&lt;anonymous&gt;)
      at Object._encodeMethodABI (index.js:437:1)
      at Object._processExecuteArguments (index.js:700:1)
      at Object._executeMethod (index.js:719:1)
      at mint (App.js:655:1)
  </code></pre>
  <p>Here is my ABI</p>
  <pre><code>const ABI = [{
  
      &quot;inputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;constructor&quot;
  },
  {
      &quot;anonymous&quot;: false,
      &quot;inputs&quot;: [
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;owner&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;approved&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;Approval&quot;,
      &quot;type&quot;: &quot;event&quot;
  },
  {
      &quot;anonymous&quot;: false,
      &quot;inputs&quot;: [
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;owner&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;operator&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: false,
              &quot;internalType&quot;: &quot;bool&quot;,
              &quot;name&quot;: &quot;approved&quot;,
              &quot;type&quot;: &quot;bool&quot;
          }
      ],
      &quot;name&quot;: &quot;ApprovalForAll&quot;,
      &quot;type&quot;: &quot;event&quot;
  },
  {
      &quot;anonymous&quot;: false,
      &quot;inputs&quot;: [
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;previousOwner&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;newOwner&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;name&quot;: &quot;OwnershipTransferred&quot;,
      &quot;type&quot;: &quot;event&quot;
  },
  {
      &quot;anonymous&quot;: false,
      &quot;inputs&quot;: [
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;from&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;to&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;indexed&quot;: true,
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;Transfer&quot;,
      &quot;type&quot;: &quot;event&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;to&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;approve&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;owner&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;name&quot;: &quot;balanceOf&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;baseExtension&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;baseURI&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;cost&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;getApproved&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;owner&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;operator&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;name&quot;: &quot;isApprovedForAll&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;bool&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;bool&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;maxMintAmount&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;maxSupply&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;_to&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;_mintAmount&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;mint&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;payable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;name&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;owner&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;ownerOf&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;bool&quot;,
              &quot;name&quot;: &quot;_state&quot;,
              &quot;type&quot;: &quot;bool&quot;
          }
      ],
      &quot;name&quot;: &quot;pause&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;paused&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;bool&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;bool&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;renounceOwnership&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;from&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;to&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;safeTransferFrom&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;from&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;to&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          },
          {
              &quot;internalType&quot;: &quot;bytes&quot;,
              &quot;name&quot;: &quot;_data&quot;,
              &quot;type&quot;: &quot;bytes&quot;
          }
      ],
      &quot;name&quot;: &quot;safeTransferFrom&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;operator&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;bool&quot;,
              &quot;name&quot;: &quot;approved&quot;,
              &quot;type&quot;: &quot;bool&quot;
          }
      ],
      &quot;name&quot;: &quot;setApprovalForAll&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;_newBaseExtension&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;name&quot;: &quot;setBaseExtension&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;_newBaseURI&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;name&quot;: &quot;setBaseURI&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;_newmaxMintAmount&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;setmaxMintAmount&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;bytes4&quot;,
              &quot;name&quot;: &quot;interfaceId&quot;,
              &quot;type&quot;: &quot;bytes4&quot;
          }
      ],
      &quot;name&quot;: &quot;supportsInterface&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;bool&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;bool&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;symbol&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;index&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;tokenByIndex&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;owner&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;index&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;tokenOfOwnerByIndex&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;tokenURI&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;string&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;string&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;totalSupply&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;from&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;to&quot;,
              &quot;type&quot;: &quot;address&quot;
          },
          {
              &quot;internalType&quot;: &quot;uint256&quot;,
              &quot;name&quot;: &quot;tokenId&quot;,
              &quot;type&quot;: &quot;uint256&quot;
          }
      ],
      &quot;name&quot;: &quot;transferFrom&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;newOwner&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;name&quot;: &quot;transferOwnership&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;nonpayable&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [
          {
              &quot;internalType&quot;: &quot;address&quot;,
              &quot;name&quot;: &quot;_owner&quot;,
              &quot;type&quot;: &quot;address&quot;
          }
      ],
      &quot;name&quot;: &quot;walletOfOwner&quot;,
      &quot;outputs&quot;: [
          {
              &quot;internalType&quot;: &quot;uint256[]&quot;,
              &quot;name&quot;: &quot;&quot;,
              &quot;type&quot;: &quot;uint256[]&quot;
          }
      ],
      &quot;stateMutability&quot;: &quot;view&quot;,
      &quot;type&quot;: &quot;function&quot;
  },
  {
      &quot;inputs&quot;: [],
      &quot;name&quot;: &quot;withdraw&quot;,
      &quot;outputs&quot;: [],
      &quot;stateMutability&quot;: &quot;payable&quot;,
      &quot;type&quot;: &quot;function&quot;
  }]
  </code></pre>
  <p>Here is my JS</p>
  <pre><code>var acc = null;
  var contract = null;
  const ADDRESS = &quot;0x00000000000000000000000000000000&quot;; // hidding
  
   async function connwallet(){
      if(window.ethereum){
        var web3 = new Web3(window.ethereum);
        await window.ethereum.send('eth_requestAccounts');
        var accounts = await web3.eth.getAccounts();
        var acc = accounts[0];
        document.getElementById('wallet-address').textContent = acc;
        contract = new web3.eth.Contract(ABI, ADDRESS);
      }
  }
  
  
  async function mint(){
      
      if(window.ethereum){
          console.log(&quot;IF&quot;);
          var _mintAmount = Number(document.querySelector(&quot;[name=amount]&quot;).value);
          var mintRate = Number(await contract.methods.cost().call());
          var totalAmount = mintRate * _mintAmount;
          contract.methods.mint(acc, _mintAmount).send({from: acc, value: String(totalAmount)}).then((res) =&gt; {
              console.log(res);
            }).catch((err) =&gt; {
              console.log(err);
            });
  
      }
  }
    
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;div className='container'&gt;
         &lt;div className='row'&gt; 
          &lt;form class=&quot;gradient col-lg-5 mt-5&quot; style={{borderRadius:&quot;25px&quot;,boxShadow:&quot;1px 1px 15px #000000&quot;}}&gt;
            &lt;h4 style={{color:&quot;#FFFFFF&quot;}}&gt;Mint Portal&lt;/h4&gt; 
            &lt;h5 style={{color:&quot;#FFFFFF&quot;}}&gt;Please connect your wallet&lt;/h5&gt; 
            &lt;Button onClick={connwallet} style={{marginBottom:&quot;5px&quot;, color:&quot;#FFFFFF&quot;}}&gt;Connect Wallet&lt;/Button&gt; 
            &lt;div class=&quot;card&quot; id='wallet-address' style={{marginTop:&quot;3px&quot;, boxShadow:&quot;1px 1px 4px #000000&quot;}}&gt; 
              &lt;label for=&quot;floatingInput&quot;&gt;Wallet Address&lt;/label&gt; 
            &lt;/div&gt;
            &lt;div class=&quot;card&quot; style={{marginTop:&quot;3px&quot;, boxShadow:&quot;1px 1px 4px #000000&quot;}}&gt; 
              &lt;input type=&quot;number&quot; name=&quot;amount&quot; defaultValue=&quot;1&quot; min=&quot;1&quot; max=&quot;5&quot;/&gt; 
              &lt;label&gt;Please select the amount of NFTs to mint.&lt;/label&gt; 
              &lt;Button onClick={mint}&gt;Mint&lt;/Button&gt;
            &lt;/div&gt;
            &lt;label&gt; Price 0.01 ETH &lt;/label&gt;
          &lt;/form&gt;
         &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
  
    );
  }
  
  export default App;
  </code></pre>
  <p>What versions I have:</p>
  <pre><code>&quot;bootstrap&quot;: &quot;^5.1.3&quot;,
  &quot;ethers&quot;: &quot;^5.5.4&quot;,
  &quot;react&quot;: &quot;^17.0.2&quot;,
  &quot;react-bootstrap&quot;: &quot;^2.1.2&quot;,
  &quot;react-dom&quot;: &quot;^17.0.2&quot;,
  &quot;react-scripts&quot;: &quot;5.0.0&quot;,
  &quot;stream&quot;: &quot;^0.0.2&quot;,
  &quot;web-vitals&quot;: &quot;^2.1.4&quot;,
  &quot;web3&quot;: &quot;^1.7.0&quot;,
  &quot;webpack&quot;: &quot;^4.46.0&quot;
  </code></pre>
  <p>I tried lower versions of react-script, stream, web3 and webpack but the same error.
  The error is in line 655, so it mean here:</p>
  <pre><code>contract.methods.mint(acc, _mintAmount).send({from: acc, value: String(totalAmount)}).then((res) =&gt; {
  </code></pre>
  <p>Please help</p>