Chapter 15: NoMoralisContextProviderError: Make sure to only call useMoralis within a <MoralisProvider> #1773

shoaibshebi · 2022-08-14T08:15:34Z

shoaibshebi
Aug 14, 2022

NoMoralisContextProviderError: Make sure to only call useMoralis within a

Hi @alymurtazamemon
I am not able to get rid of this error , even i wraped



function MyApp({ Component, pageProps }) {
  return (
    <div>
      <Head>

        <title>NFT Marketplace</title>
        <meta name="description" content="NFT Marketplace" />
        <link rel="icon" href="/favicon.ico" />

      </Head>

      <MoralisProvider appId={APP_ID} serverUrl={SERVER_URL}>

        {/* <NotificationProvider> */}
        <Header />
        <Component {...pageProps} />
        {/* </NotificationProvider> */}

      </MoralisProvider>
    </div>
  )
}

Answered by shoaibshebi

Aug 14, 2022

Issue resolved

I was using this version of react-moralis:1.3.5 and it was giving the error
But then i changed it to react-moralis:^1.3.5 and then again reverted it back to react-moralis:1.3.5 and issue resolved

👍

View full answer

shoaibshebi · 2022-08-14T09:06:12Z

shoaibshebi
Aug 14, 2022
Author

Issue resolved

I was using this version of react-moralis:1.3.5 and it was giving the error
But then i changed it to react-moralis:^1.3.5 and then again reverted it back to react-moralis:1.3.5 and issue resolved

👍

5 replies

WillyEth Aug 14, 2022

Could you past your JSON i am having the same issue

shoaibshebi Aug 14, 2022
Author

Yeah sure

"dependencies": {
"magic-sdk": "^9.0.0",
"moralis": "1.11.0",
"next": "^12.2.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-moralis": "1.3.5",
"web3uikit": "^0.0.133"
},
"devDependencies": {
"autoprefixer": "^10.4.5",
"dotenv": "^16.0.0",
"eslint": "8.14.0",
"eslint-config-next": "12.1.5",
"postcss": "^8.4.12",
"tailwindcss": "^3.0.24"
}

Cheers

shoaibshebi Aug 14, 2022
Author

Caution:

when you down grade and upgrade the stuff, do it in another teminal and dont quite the already running terminal on which app is running

WillyEth Aug 14, 2022

I got this working eventually with this... JSON I was on the moralis discord they said they would send it over the team... I couldnt tell what combination of commands I did to get it work.... If Moralis is this flaky makes you wonder if you should their framework??

"dependencies": {
"moralis": "^1.5.11",
"next": "12.1.5",
"react": "18.1.0",
"react-dom": "18.1.0",
"react-moralis": "^1.3.5",
"web3uikit": "^0.0.133"
},

shoaibshebi Aug 14, 2022
Author

Great
It's wired that we still don't know the commands to get it working
For mine it was different and you it's also different

😅

shoaibshebi · 2022-08-22T15:42:06Z

shoaibshebi
Aug 22, 2022
Author

If this method doesn't work for someone, do this

Keep the app running 
Remove the react-moralis using `yarn remove react-moralis`
reinstall it using `yarn add react-moralis@1.3.5`

It works pretty fine than the previous method

8 replies

shoaibshebi Aug 27, 2022
Author

Not all package.json file but these two things dependencies and devDep...
then delete your yarn.lock and modules and then run 'yarn install'

shoaibshebi Aug 27, 2022
Author

@zahraha97
did it work?

ZahraaHawie Aug 27, 2022

I followed all the steps:
Now I have this error:

Unhandled Runtime Error
TypeError: Right-hand side of 'instanceof' is not callable

here is my new package.json

{
  "name": "nextjs-nft-marketplace-fcc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "moralis:sync": "moralis-admin-cli connect-local-devchain --chain hardhat --moralisSubdomain imu7x6fazby3.usemoralis.com --frpcPath ./frp/frpc",
    "moralis:cloud": "moralis-admin-cli watch-cloud-folder --moralisSubdomain imu7x6fazby3.usemoralis.com --autoSave 1 --moralisCloudfolder ./cloudFunctions"
  },
  "dependencies": {
    "@web3uikit/core": "^0.1.6",
    "@web3uikit/icons": "^0.1.5",
    "@web3uikit/web3": "^0.1.6",
    "magic-sdk": "^9.0.0",
    "moralis": "1.11.0",
    "next": "^12.2.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-moralis": "^1.3.5",
    "web3uikit": "^0.0.133"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.5",
    "dotenv": "^16.0.0",
    "eslint": "8.14.0",
    "eslint-config-next": "12.1.5",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.24"
  }
}

ZahraaHawie Aug 27, 2022

after yarn install, I had the issue with connectButton so I run ``yarn add @web3uikit/core @web3uikit/web3 @web3uikit/icons``` @shoaibshebi

shoaibshebi Aug 27, 2022
Author

@zahraha97 follow this issue #1786 to solve this error TypeError: Right-hand side of 'instanceof' is not callable

shoaibshebi · 2022-08-27T09:58:30Z

shoaibshebi
Aug 27, 2022
Author

👉 👉 Those blockchain developers who are done with the Lesson#15 repo, they can go to this thread #2107 :

🔥🔥🔥🔥🔥🔥
📢 Big announcement: Lesson#15 feature enhancement as a portfolio project #2107

0 replies

nehal2210 · 2022-08-30T06:35:29Z

nehal2210
Aug 30, 2022

This Combination is work for me

"dependencies": {
    "magic-sdk": "^9.0.0",
    "moralis": "1.11.0",
    "moralis-admin-cli": "^2.1.16",
    "next": "12.1.5",
    "react": "18.1.0",
    "react-dom": "18.1.0",
    "react-moralis": "1.4.0",
    "web3uikit": "^0.0.133"
  }

and I installed it, while my app is running on the other terminal.

1 reply

shoaibshebi Aug 30, 2022
Author

Great @nehal2210
Kindly mark the reply as Anwer so others can take help as well:)
Cheers

Chapter 15: NoMoralisContextProviderError: Make sure to only call useMoralis within a <MoralisProvider> #1773

Uh oh!

shoaibshebi Aug 14, 2022

Replies: 4 comments · 14 replies

Uh oh!

shoaibshebi Aug 14, 2022 Author

Uh oh!

WillyEth Aug 14, 2022

Uh oh!

shoaibshebi Aug 14, 2022 Author

Uh oh!

shoaibshebi Aug 14, 2022 Author

Uh oh!

WillyEth Aug 14, 2022

Uh oh!

shoaibshebi Aug 14, 2022 Author

Uh oh!

shoaibshebi Aug 22, 2022 Author

Uh oh!

shoaibshebi Aug 27, 2022 Author

Uh oh!

Uh oh!

shoaibshebi Aug 27, 2022 Author

Uh oh!

ZahraaHawie Aug 27, 2022

Uh oh!

ZahraaHawie Aug 27, 2022

Uh oh!

shoaibshebi Aug 27, 2022 Author

Uh oh!

shoaibshebi Aug 27, 2022 Author

Uh oh!

nehal2210 Aug 30, 2022

Uh oh!

shoaibshebi Aug 30, 2022 Author

shoaibshebi
Aug 14, 2022

Replies: 4 comments 14 replies

shoaibshebi
Aug 14, 2022
Author

shoaibshebi Aug 14, 2022
Author

shoaibshebi Aug 14, 2022
Author

shoaibshebi Aug 14, 2022
Author

shoaibshebi
Aug 22, 2022
Author

shoaibshebi Aug 27, 2022
Author

shoaibshebi Aug 27, 2022
Author

shoaibshebi Aug 27, 2022
Author

shoaibshebi
Aug 27, 2022
Author

nehal2210
Aug 30, 2022

shoaibshebi Aug 30, 2022
Author