use webpack5

Author: askender

next.config.js

@@ -1,6 +1,5 @@
 const withTM = require("next-transpile-modules")(["react-markdown"]);
 
 module.exports = withTM({
-  reactStrictMode: true,
-  webpack5: false
+  reactStrictMode: true
 });

package.json

@@ -23,11 +23,11 @@
     "gray-matter": "^4.0.3",
     "hardhat": "^2.4.1",
     "ipfs-http-client": "^50.1.2",
-    "next": "11.0.1",
+    "next": "^12.0.4",
     "next-transpile-modules": "^8.0.0",
     "nft.storage": "^3.3.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-markdown": "^7.1.0",
     "web3modal": "^1.9.3"
   },

pages/nft-market.js

@@ -79,7 +79,7 @@ export default function Home() {
     // const price = nft.price.toString()
     console.log(price)
     console.log(nftaddress)
-    console.log(nft.tokenId)
+    console.log(nft, nft.tokenId)
     const transaction = await contract.createMarketSale(nftaddress, nft.tokenId, {
       value: price
     })