Lesson 10: Unable to install web3uikit

[realsurd]

I am stuck with this error whenever I try installing web3uikit using yarn add web3uikit

error @toruslabs/openlogin-jrpc@4.7.2: The engine "node" is incompatible with this module. Expected version ">=16.18.1". Got "16.14.2"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

My package.json looks like this:
{
"name": "raffle-lottery",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"moralis": "^2.23.1",
"moralis-v1": "^1.13.0",
"next": "latest",
"node": "16.18.1",
"react": "latest",
"react-dom": "latest",
"react-moralis": "^1.4.2"
},
"devDependencies": {
"eslint": "latest",
"eslint-config-next": "latest"
}
}

[r-bytes]

@realsurd I had similar issues.

try installing yarn add --dev "@web3uikit/web3"

and import the connect button using this:

// @ts-ignore;
import { ConnectButton } from "@web3uikit/web3";

Note: the UI library makes use of styled components, so also install:
yarn add --dev "styled-components"

You can find more fancy stuff in the other libraries from web3uikit
"@web3uikit/core"
"@web3uikit/icons"

[realsurd]

hi @r-bytes, thanks for the reply, i got the same error when i tried the yarn add --dev "@web3uikit/web3 command again, but was able to install yarn add --dev "styled-components".

[realsurd]

Hi @r-bytes, I figured it out already, turns out I have to install this very specific version "^0.1.159" use : yarn add web3uikit@^0.1.159