Lesson 10 error in webuikit

[AjayAsnani]

If anyone gets this error try another method
add this=
yarn add @web3uikit/web3

It will work.

[krakxn]

Show package.json

[AjayAsnani]

package.json code=

{
"name": "nextjs-smartcontract-lottery",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@web3uikit/core": "^0.1.4",
"@web3uikit/web3": "^0.1.4",
"moralis": "^1.11.0",
"next": "12.2.4",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-moralis": "^1.4.0",
"web3uikit": "^1.0.2"
},
"devDependencies": {
"eslint": "8.21.0",
"eslint-config-next": "12.2.4",
"prettier": "^2.7.1"
}
}

[Sunil-Reddy-Gummalla]

Try this package.json

{
  "name": "nextjs-smartcontract-lottery-fcc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "moralis": "^1.8.0",
    "next": "12.1.5",
    "react": "18.0.0",
    "react-dom": "18.0.0",
    "react-moralis": "^1.4.0",
    "web3uikit": "^0.1.159"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.4",
    "eslint": "8.13.0",
    "eslint-config-next": "12.1.5",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.24"
  }
}

run yarn in wsl terminal

[AjayAsnani]

My problem is solved I just shared another way of doing that thing

[mattjaf]

Okay here are a couple working solutions:

1: You can use the web3uikit version specified in Patricks repo
2: In later version of web3uikit <ConnectButton> accidentally got renamed to <ConnectWallet> so you can import ConnectWallet instead
3: The newest version of web3uikit got split up in to a mono repo and the module got fixed an renamed back to ConnectButton, which can be imported as such:

"@web3uikit/core": "latest",
"@web3uikit/icons": "latest",
"@web3uikit/styles": "latest",
"@web3uikit/web3": "latest",

so you can paste

 yarn add @web3uikit/core @web3uikit/icons @web3uikit/styles @web3uikit/web3

and import it as such

import { ConnectButton} from "@web3uikit/web3"

When you download the newest version of web3uikit, it might throw and errror when you start up nextjs,

If it does, delete the node_module folder and yarnLock and run yarn in your front end directory to reinstall everything

[AjayAsnani]

Thanks BUT

My problem is solved @mattjaf, I am just sharing the solution regarding the problem of web3uitkit