hashlips / hashlips_nft_minting_dapp Goto Github PK

It seems that this dapp does not allow for minting of mp4. My collection includes sound. Would like to request having mp4 supported. Any thoughts on where to find a coder to hire? Would like to be able to contribute this feature to the dapp.

PS C:\Users\antho\Desktop\Naas-PFP\hashlips_nft_minting_dapp-main> npm install
npm WARN deprecated [email protected]: This package is broken and no longer maintained. 'mkdirp' itself supports promises now, please switch to that.
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated [email protected]: This module has been superseded by the multiformats module
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated [email protected]: This module has been superseded by the multiformats module
npm WARN deprecated [email protected]: This module has been superseded by the multiformats module
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: This module has been superseded by the multiformats module
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: This module has been superseded by the multiformats module
npm WARN deprecated [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.

added 2129 packages, and audited 2130 packages in 1m

182 packages are looking for funding
run npm fund for details

104 vulnerabilities (2 low, 91 moderate, 9 high, 2 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

Thanks to you I created and published the Smart Contract. Then how do we withdraw the matic or ethereum accumulated in the contract to our wallet? As far as I understand that withdraw command is not included in this smart contract. So how are we going to integrate this withdraw command into our contract that we've published?

How to restrict the maximum amount NFT per address, I mean I don't want them to mint more than 20 NFT per wallet. Your help is much appreciated. Thanks.

Im not good with react , so maybe some of you guys already tweaked this app
or would be nice to help me out for some better UX on this app - by having
a simple way to add a custom RPC ( eg chain 137 polygon ) ?

i would think a simple way would be to just add a little code piece where that {blockchain.errorMsg}
appears right now - and add some
<button>switch network to provider...</button> t

hat triggers a function something like this :
( its from a vue project i am working in a bigger team but yea react / advanced js is not my core skill )

Thank you so much

  async function switchNetwork() {
    // Chain ID must be a 0x-prefixed hex string without paddingL https://eth.wiki/json-rpc/API
    const chainId = hexStripZeros(BigNumber.from(DGRANTS_CHAIN_ID).toHexString());

    // First try switching chains
    try {
      await rawProvider.value?.send('wallet_switchEthereumChain', [{ chainId }]);
    } catch (err) {
      const { code } = err as { code: number };

      // This error code indicates that the chain has not been added to MetaMask: https://docs.metamask.io/guide/rpc-api.html#other-rpc-methods
      // In this case, add the chain for the user
      if (code === 4902) {
        await rawProvider.value?.send('wallet_addEthereumChain', [
          {
            chainId,
            chainName: CHAIN_INFO.label,
            nativeCurrency: CHAIN_INFO.nativeCurrency,
            rpcUrls: [CHAIN_INFO.rpcUrl],
            blockExplorerUrls: [CHAIN_INFO.explorer],
          },
        ]);
      } else {
        throw err;
      }
    }
  }

Hi Sorry for the amateur question. If I would like to change the shape of the minting box to a circle, and also take away the 2 round gif circles, how can I code them?

Thanks in advance.

@HashLips Is there a way to let the app know the exception thrown in contract code before hand ? So that user don't have to mint the failed transaction. (It works in Etherscan)

Thank you :)

I dont know if im doing this right or wrong since this is my first time working with a website and javascript but i keep getting this error. Anyone know why this happens

When I mint from the low gas contract both image and properties show up on OS. When I mint from the dapp only properties show up on OS. - any ideas?

when I mint the NFT, error happans.

Error: Invalid number of parameters for "mint". Got 1 expected 2!
▶ 2 stack frames were collapsed.
claimNFTs
D:/git/hashlips_nft_minting_dapp/src/App.js:132
129 | console.log("Gas limit: ", totalGasLimit);
130 | setFeedback(Minting your ${CONFIG.NFT_NAME}...);
131 | setClaimingNft(true);

132 | blockchain.smartContract.methods
| ^ 133 | .mint(mintAmount)
134 | .send({
135 | gasLimit: String(totalGasLimit),
View compiled
onClick
D:/git/hashlips_nft_minting_dapp/src/App.js:359
356 | disabled={claimingNft ? 1 : 0}
357 | onClick={(e) => {
358 | e.preventDefault();
359 | claimNFTs();
| ^ 360 | getData();
361 | }}
362 | >
View compiled
▶ 19 stack frames were collapsed.

▶ 2 stack frames were collapsed.
claimNFTs
C:/NFTs/DoodleCats/hashlips_nft_minting_dapp-1.0.1/src/App.js:132
129 | console.log("Gas limit: ", totalGasLimit);
130 | setFeedback(Minting your ${CONFIG.NFT_NAME}...);
131 | setClaimingNft(true);

132 | blockchain.smartContract.methods
| ^ 133 | .mint(mintAmount)
134 | .send({
135 | gasLimit: String(totalGasLimit),
View compiled
onClick
C:/NFTs/DoodleCats/hashlips_nft_minting_dapp-1.0.1/src/App.js:357
354 | disabled={claimingNft ? 1 : 0}
355 | onClick={(e) => {
356 | e.preventDefault();
357 | claimNFTs();
| ^ 358 | getData();
359 | }}
360 | >
View compiled
▶ 19 stack frames were collapsed.

How do I fix this?

Invalid parameters for mint when testing as provided. Used an existing NFT contract on rinkeby testnet

hello

There is a random error when connecting Metamask for minting NFT , it's appear each time we want to make a new Buy :

MetaMask - RPC Error: Non-200 status code: '403' {code: -32603, message: "Non-200 status code: '403'", data: {…}}

and

Uncaught (in promise) Error: Non-200 status code: '403'
{
"message": "Forbidden"
}
at Object._fireError (index.js:49)
at sendTxCallback (index.js:539)
at cb (util.js:689)
at callbackifyOnRejected (util.js:666)
at Item.push../node_modules/process/browser.js.Item.run (browser.js:153)
at drainQueue (browser.js:123)

During the pre-sale period, if someone who is not a whitelist presses the mint button, the metamask does not appear and I want to display a warning "You are not a whitelist".

Can you please add node version to package.json . I tried with node 17.1.0 and had to run export NODE_OPTIONS=--openssl-legacy-provider
I believe with Node LTS 16 it won't happen?

I have used the dynamic price contract, but now i realised that the price on the dapp is not dynamic.
is there any way to make the price on the dapp change following the price brackets that i input in the contract?

Any help is very appreciated

I keep getting this Error message when running npm run command

Failed to compile.

Error in ./src/App.js
Syntax error: Unexpected token (245:15)

243 | <s.SpacerSmall />
244 | {Number(data.totalSupply) >= CONFIG.MAX_SUPPLY ? (

245 | <>
| ^
246 | <s.TextTitle
247 | style={{ textAlign: "center", color: "var(--accent-text)" }}
248 | >

@ ./src/index.js 13:11-27

Error in ./src/reportWebVitals.js
Syntax error: 'import' and 'export' may only appear at the top level (3:4)

1 | const reportWebVitals = onPerfEntry => {
2 | if (onPerfEntry && onPerfEntry instanceof Function) {

3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
| ^
4 | getCLS(onPerfEntry);
5 | getFID(onPerfEntry);
6 | getFCP(onPerfEntry);

@ ./src/index.js 17:23-51

Hi I replaced the images you told me to in the read me and they are not showing up! Please Help

In MS Edge, the DAPP site shows 0/xxxxx minted until the user connects Metamask - then it updates to true value - any way to fix this?

This is using Polygon network with Edge and Metamask. Possibly affects others browsers too.

can i connect the dapp to vethor/vechain network ? to work with connex and sync ? new to coding so having a hard time..

Please add Rarible so NFT creators have more choice when it comes to minting NFTs

i get this message when trying to connect my wallet to the dapp. i cant see any log output

Minting through the smart contract works but minting through the DApp, we get the issue of out of gas.

I've adjusted the gas limits but still does not work.

285,000 is on the higher spectrum and it still doesn't work.

Is there a way to get the price directly from the SC?

Hello, noticed in the network tab that config.js GET API is called infinite times, and app after some period is getting unresponsive.

Maybe adding empty dependency array at the end of useEffect will help?

  useEffect(() => {
    getConfig();
  }, []);

I copied ABI from Remix contract as usual. I did change the mint max amount after deploying the contract (thru remix). Not sure if that has something to do with it? I'm not sure how to fix getting this error?

Hey everything works fine for me except on mobile devices it triggers the install metamask listner instead of knowing that the metamask app is installed. Anyone know how to fix mobile devices connection to metamask

git clone
npm install
npm run start

npm version 8.3.2

Failed to compile.

**./src/index.js 1:60
Module parse failed: Unexpected token (1:60)
File was processed with these loaders:

• ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
• ./node_modules/babel-loader/lib/index.js
  You may need an additional loader to handle the result of these loaders.

$RefreshRuntime$ = require('/tools/hashlips_nft_minting_dapp/node_modules/react-refresh/runtime.js');
| $RefreshSetup$(module.id);
|**

it gives a message (please install metamask)

Should I start from creating a completely new batch of NFTs from creation to mint? Please take a moment to hear me out.

1. I used hashlips/scrawnyvikiny video and code in October. made 10k/NFTs with 10k/jsons. Done
2. Put them on IPFS, then CID to Pinata. Paying $20 plan since my load was 9.4 gigs.
3. Made a Solidity contract using Remix.ethereum for polygon 137 - minted 100 to myself
4. I checked opensea to see my NFTs, only about 3/4s did NOT load images. Just showing the collection avatar photo.
5. Checked back the next day - 4 new owners with 25 of my NFTs, I got nothing. - I don't know how. I was robbed.
6. Freaked out
7. Went to IPFS and erased both JSON and IMAGE folders. - I figured Pinata has them and safe there, but it was public on IPFS. Am I wrong here? Did I erase them from opensea?
8. Started the process of creating a minting station on Github per SVikings guide. - never got it to work on github - worked on my local. I didn't have enough matic to mint one myself. 150 matic.
9. Tried using hashlips nft minting dapp and it all looks good from local, but have not tried on github because now I'm stuck at this new error -

Error: Invalid number of parameters for "mint". Got 1 expected 2!

claimNFTs
http://localhost:3000/static/js/main.chunk.js:196:38

193 | console.log("Gas limit: ", totalGasLimit);
194 | setFeedback(Minting your ${CONFIG.NFT_NAME}...);
195 | setClaimingNft(true);

196 | blockchain.smartContract.methods.mint(mintAmount).send({
| ^ 197 | gasLimit: String(totalGasLimit),
198 | to: CONFIG.CONTRACT_ADDRESS,
199 | from: blockchain.account,

onClick
src/App.js:359

356 | disabled={claimingNft ? 1 : 0}
357 | onClick={(e) => {
358 | e.preventDefault();

359 | claimNFTs();
| ^ 360 | getData();
361 | }}
362 | >

I basically don't know WTH I'm doing. I'm good with instructions, but some of the instructions did not work. Please help, should I start all over?

Hey.

After connecting and pressing the button BUY getting this error:

MetaMask - RPC Error: Invalid transaction params: params specify an EIP-1559 transaction but the current network does not support EIP-1559

Is there a way to make this dapp work with metamask on mobile?

How can "totalSupply" be loaded before the wallet is connected?

The idea is that the minting page shows " 0 / " until the wallet is connected, and makes it appear at though nothing has been minted, which may turn off the user and they may not even connect the wallet.

I dont know React, but is there a simple change to allow the totalSupply to be loaded before the wallet is connected?

Thanks

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'start'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle [email protected]prestart: [email protected]
6 info lifecycle [email protected]start: [email protected]
7 verbose lifecycle [email protected]start: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]start: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;E:\New folder\NFT script\hashlips_nft_minting_dapp-1.0.0\node_modules.bin;C:\Program Files (x86)\Common Files\Intel\Shared Libraries\redist\intel64_win\compiler;C:\Program Files (x86)\Razer Chroma SDK\bin;C:\Program Files\Razer Chroma SDK\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\Users\John\AppData\Local\Microsoft\WindowsApps;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\NVIDIA Corporation\NVIDIA NvDLISR;C:\Program Files\Common Files\Autodesk Shared;C:\Program Files\Microsoft SQL Server\120\Tools\Binn;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;C:\Users\John\AppData\Local\Microsoft\WindowsApps\PythonSoftwareFoundation.Python.3.9_qbz5n2kfra8p0;C:\Program Files\nodejs;C:\ProgramData\chocolatey\bin;C:\users\john\appdata\local\packages\pythonsoftwarefoundation.python.3.9_qbz5n2kfra8p0\localcache\local-packages\python39\site-packages;C:\Users\John\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\John\AppData\Roaming\npm
9 verbose lifecycle [email protected]start: CWD: E:\New folder\NFT script\hashlips_nft_minting_dapp-1.0.0
10 silly lifecycle [email protected]start: Args: [ '/d /s /c', 'react-scripts start' ]
11 silly lifecycle [email protected]start: Returned: code: 1 signal: null
12 info lifecycle [email protected]start: Failed to exec start script
13 verbose stack Error: [email protected] start: react-scripts start
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:400:28)
13 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:400:28)
13 verbose stack at maybeClose (internal/child_process.js:1055:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid [email protected]
15 verbose cwd E:\New folder\NFT script\hashlips_nft_minting_dapp-1.0.0
16 verbose Windows_NT 10.0.19042
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "start"
18 verbose node v14.17.6
19 verbose npm v6.14.15
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] start: react-scripts start
22 error Exit status 1
23 error Failed at the [email protected] start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
this i the error I'm getting any idea how to fix. I tried the suggestions, but none of them seem to want to work

As above, can I use this Dapp on AVAX, have tried to changing network ID but seem like it not working. Thank you.

My project is in Matic when I set my cost to 140 and try to mint over 8 NFTs I get this error, how can I solve it ?

When using the polygon network the GWEI (Max priority fee aka miner tip) value that's pushed to the wallet is 2.5 and the transaction hangs and fails.
If it was 60 it would be OK and the transaction wouldn't take long to complete either.

blockchain.smartContract.methods .mint(mintAmount) .send({ gasLimit: String(totalGasLimit), to: CONFIG.CONTRACT_ADDRESS, from: blockchain.account, value: totalCostWei, })

Whenever I clicked "mint" I got the error "window.contract.methods.mint is not a function" then I realized the error was my ABI is "safeMint" so I changed that.

But now I am getting this error. I have only changed the design elements and the contract information and the stuff you're supposed to change to make it yours, and the ".safeMint(mintAmount)" instead of ".mint(mintAmount)"

Thank you.

so when I try to build the minting dap (build for the static hosting service),it compiles it
but I always end up with chunk json that (chunk.js--->last lines say that the mintamount numbers are to large or somthing )I cant upload ,I think when I look in the visual studio some of the files from the js have 1 line and are very long I think the problem is maybe my picture or favicon I don't know always get an 413

i tried the minting dapp and did everything like the tutorial and when i tried to build and open the index.html the page opens blank without the dapp itself, someone pls help

I can connect the metamask, but the buy button produces this error.

129 | console.log("Gas limit: ", totalGasLimit); 130 | setFeedback(Minting your ${CONFIG.NFT_NAME}...`);
131 | setClaimingNft(true);

132 | blockchain.smartContract.methods
| ^ 133 | .mint(mintAmount)
134 | .send({
135 | gasLimit: String(totalGasLimit),`

Not sure what to do. Any suggestions

I'm trying to test on a Rinkeby test contract - could that be the issue?

Hey,
I would like to host the site on IPFS but if I upload the build the page loaded is empty.
If I delete the parts of the page load.
Also I am not able to host the page on a host other than root.
What do I have to change to get the page working?
Regards

Hello. I made a hashlips minting dapp but the ethereum gas limit is set WAY too high. Like double compared to other projects. WHERE IN THE DAPP CAN I CHANGE THIS??????

I followed every step but this is not working what garbage!

Hi there, im trying to make my NFT mintable and im doing all same as u doing it inthe yuotube video but when i try to mint one i get some error like this code down below:

Error: Invalid number of parameters for "mint". Got 1 expected 2!
▼ 23 stack frames were expanded.
InvalidNumberOfParams
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/web3-core-helpers/lib/errors.js:33

_createTxObject
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/web3-eth-contract/lib/index.js:669

claimNFTs
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/src/App.js:162

onClick
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/src/App.js:399
HTMLUnknownElement.callCallback

C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:3945

invokeGuardedCallbackDev
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:3994

invokeGuardedCallback
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:4056

invokeGuardedCallbackAndCatchFirstError
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:4070

executeDispatch
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:8243

processDispatchQueueItemsInOrder
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:8275

processDispatchQueue
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:8288

dispatchEventsForPlugins
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:8299

(anonymous function)
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:8508

batchedEventUpdates$1
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:22396

batchedEventUpdates
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:3745

dispatchEventForPluginEventSystem
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:8507

attemptToDispatchEvent
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:6005

dispatchEvent
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:5924

unstable_runWithPriority
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/scheduler/cjs/scheduler.development.js:468

runWithPriority$1
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:11276

discreteUpdates$1
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:22413

discreteUpdates
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:3756

dispatchDiscreteEvent
C:/Users/mypc/Downloads/NFT/hashlips_nft_minting_dapp-main/node_modules/react-dom/cjs/react-dom.development.js:5889

▲ 23 stack frames were expanded.

Hi all.

I'm having issues minting using the DApp. It seems as though minting over 10 NFTs at 100 MATIC or 100000000000000000000 WEI per NFT, throws an error. What seems to solve the issue is when the price is less than 100 MATIC.
The specific error code is as follows:
"Error: [number-to-bn] while converting number "1.3e+21" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "1.3e+21""

I believe the source of the issue is the claimNFTs() function. Does anyone have an idea of how to fix this?

Error: Invalid number of parameters for "mint". Got 1 expected 2!
▼ 23 stack frames were expanded.
InvalidNumberOfParams
C:/XXXX dApp/node_modules/web3-core-helpers/lib/errors.js:33
_createTxObject
C:/XXXX dApp/node_modules/web3-eth-contract/lib/index.js:669
claimNFTs
C:/XXXX dApp/src/App.js:135
onClick
C:/XXXX dApp/src/App.js:336
HTMLUnknownElement.callCallback
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:3945
invokeGuardedCallbackDev
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:3994
invokeGuardedCallback
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:4070
executeDispatch
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:8243
processDispatchQueueItemsInOrder
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:8275
processDispatchQueue
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:8288
dispatchEventsForPlugins
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:8299
(anonymous function)
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:8508
batchedEventUpdates$1
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:22396
batchedEventUpdates
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:3745
dispatchEventForPluginEventSystem
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:8507
attemptToDispatchEvent
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:6005
dispatchEvent
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:5924
unstable_runWithPriority
C:/XXXX dApp/node_modules/scheduler/cjs/scheduler.development.js:468
runWithPriority$1
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:11276
discreteUpdates$1
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:22413
discreteUpdates
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:3756
dispatchDiscreteEvent
C:/XXXX dApp/node_modules/react-dom/cjs/react-dom.development.js:5889
▲ 23 stack frames were expanded.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error. Click the 'X' or hit ESC to dismiss this message.

Stuck showing error

MetaMask - RPC Error: Non-200 status code: '403' {code: -32603, message: "Non-200 status code: '403'", data: {…}}

and

Uncaught (in promise) Error: Non-200 status code: '403'
{
"message": "Forbidden"
}
at Object._fireError (index.js:49)
at sendTxCallback (index.js:539)
at cb (util.js:689)
at callbackifyOnRejected (util.js:666)
at Item.push../node_modules/process/browser.js.Item.run (browser.js:153)
at drainQueue (browser.js:123)

Can I add WalletConnect to this dapp https://lh3.googleusercontent.com/UaUYMQCwaVU4f3IDbcKP0XBlObH2yyKjC67jDRWcAwesyoVGDaj9EH7AmwfgwZuv-vGRa79JRDkKSfrRIJDUm_20gIwq5CFRxR2u718TxPrUs6iB7wgzkPdhT9H83ChzoP6uYj3t

Sorry, I'm noob in coding.
My deployed contract is on FUJI Testnet. I have tried to use this Dapp to connect to it. Have changed everything follow the readme: the contract address, abi file etc.... The Chain ID is set to 43113 (Fuji Testnet chain ID).
After I run it ---> connect wallet then nothing happened after, not link to minting page or anything else. Anyone can let me know what I have done wrong? Thank you very much