celo-org / react-celo

Connect your react dApp to Celo
https://react-celo.vercel.app
MIT License
59 stars 43 forks source link

Unhandled Rejection (TypeError): Object(...) is not a function #48

Closed dadaphl closed 2 years ago

dadaphl commented 2 years ago

when I try to connect a wallet, after clicking on any provioder (wallet connect, metamask ect.) when the QR code is being generated I get this screen and QR code is never generated

Screenshot-20211014111727-1020x551

I created a new React app with npx create-react-app yarn add the use-contractkit according to the documentation. Modiefied package.json according to #45

➜  celo-react-01 git:(master) ✗ node -v
v14.18.0
➜  celo-react-01 git:(master) ✗ yarn -v
1.22.15
➜  celo-react-01 git:(master) ✗ npx -v
8.0.0
➜  celo-react-01 git:(master) ✗ cat package.json
{
  "name": "celo-react-01",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@celo-tools/use-contractkit": "^1.2.0",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.0.1"
  },
  "resolutions": {
    "**/@walletconnect/utils": "2.0.0-beta.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}
➜  celo-react-01 git:(master) ✗ uname -a
Linux rex 5.11.0-37-generic #41-Ubuntu SMP Mon Sep 20 16:39:20 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux
tunjayhuseynov commented 2 years ago

Did you solve it? If all is good let me know

aslawson commented 2 years ago

We fixed #45 in the new version of use-contractkit. We will check back after it is released

tunjayhuseynov commented 2 years ago

@aslawson When is the release date of the new version?

dadaphl commented 2 years ago

My issue has nothing to do with 45. i just explained what i did to get it going. I think its a unrelated new issue.

jatin0814 commented 2 years ago

when I try to connect a wallet, after clicking on any provioder (wallet connect, metamask ect.) when the QR code is being generated I get this screen and QR code is never generated

Screenshot-20211014111727-1020x551

I created a new React app with npx create-react-app yarn add the use-contractkit according to the documentation. Modiefied package.json according to #45

➜  celo-react-01 git:(master) ✗ node -v
v14.18.0
➜  celo-react-01 git:(master) ✗ yarn -v
1.22.15
➜  celo-react-01 git:(master) ✗ npx -v
8.0.0
➜  celo-react-01 git:(master) ✗ cat package.json
{
  "name": "celo-react-01",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@celo-tools/use-contractkit": "^1.2.0",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.0.1"
  },
  "resolutions": {
    "**/@walletconnect/utils": "2.0.0-beta.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}
➜  celo-react-01 git:(master) ✗ uname -a
Linux rex 5.11.0-37-generic #41-Ubuntu SMP Mon Sep 20 16:39:20 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux

Did you solve it?

dadaphl commented 2 years ago

ticket will be updated when issue is resolved, either by me or the devs. please stop asking if its solved.

dadaphl commented 2 years ago

solution: update to use-contractkit 1.3.0

package.json
...
"dependencies": {
    "@celo-tools/use-contractkit": "^1.3.0",
...
yarn install