Web3uikit with Nextjs airbnb clone

Moralis General
#22

Are you using the latest web3uikit version? Do you have magic-sdk as a dependency in your project as mentioned above?

#23

Try installing web3uikit in this order.

#24

Thanks a lot @osborn1900 :blush:.It worked!

#25

Hey can you help me out, I’m still getting the same error even after trying all the solutions stated above. How did you overcome this error?

1 Like
#26

yarn add web3uikit react-moralis This command worked for me.

#27

Still get the same error. Try both remove lib and add. and use the lastest version too “web3uikit”: “^0.1.149”,

#28

Hi I’m getting a module not found: cant resolve web3uikit on my nextjs app,. but it works fine whenever I comment out the ConnectButton, but it all breaks when I import the connect buttton.
here’s my package json file.

"dependencies": {
    "@web3uikit/core": "^0.1.3",
    "@web3uikit/icons": "^0.1.3",
    "@web3uikit/web3": "^0.1.3",
    "moralis": "^1.10.1",
    "next": "12.2.3",
    "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.3"
  }
}
#29

How have you imported ConnectButton? Since you’re using the new web3uikit, it needs to be like:

import { ConnectButton } from '@web3uikit/web3';

Also you can uninstall the old web3uikit package.

#30

Did that work ? let me know