ReactMoralisError: Provide a "appId" provided to <MoralisProvider> #477

harendra-shakya · 2022-06-21T05:49:40Z

harendra-shakya
Jun 21, 2022

I'm getting this error while deploying my nft marketplace project on vercel (imgix {service for loader} is not sending me email that's why I'm using vercel)

Uncaught (in promise) ReactMoralisError: Provide a "appId" provided to <MoralisProvider>
    at new t (_app-40d597ed02c501a2.js:1:2772643)
    at _app-40d597ed02c501a2.js:1:2784904
    at _app-40d597ed02c501a2.js:1:2771944
    at Object.next (_app-40d597ed02c501a2.js:1:2772049)
    at _app-40d597ed02c501a2.js:1:2770985
    at new Promise (<anonymous>)
    at f (_app-40d597ed02c501a2.js:1:2770730)
    at _app-40d597ed02c501a2.js:1:2784792
    at _app-40d597ed02c501a2.js:1:2785220
    at ei (framework-e5f42ca620c4fae3.js:1:93313)

It is in .env maybe that'a why it is causing problem. Do I need to disclose my appId and server url on github @PatrickAlphaC??

Answered by PatrickAlphaC

Jun 21, 2022

What's your _app.js look like?

View full answer

PatrickAlphaC · 2022-06-21T21:25:58Z

PatrickAlphaC
Jun 21, 2022

What's your _app.js look like?

4 replies

harendra-shakya Jun 22, 2022
Author

import "../styles/globals.css";
import { MoralisProvider, useMoralis } from "react-moralis";
import Header from "../components/Header";
import Head from "next/head";
import { NotificationProvider } from "web3uikit";
import { chainId } from "./index";

const APP_ID = process.env.NEXT_PUBLIC_APP_ID;
const SERVER_URL = process.env.NEXT_PUBLIC_MORALIS_SERVER_URL;

function MyApp({ Component, pageProps }) {
    return (
        <div>
            <Head>
                <title>OpenOcean</title>
                <meta name="description" content="Generated by create next app" />
                <link rel="icon" href="/logo.ico" />
            </Head>

            <MoralisProvider appId={APP_ID} serverUrl={SERVER_URL}>
                <NotificationProvider>
                    <Header />
                    <Component {...pageProps} />
                </NotificationProvider>
            </MoralisProvider>
        </div>
    );
}

export default MyApp;

But I think I found the answer. Moralis FAQ

PatrickAlphaC Jun 23, 2022

Perfect!

DEFIdaniel1 Aug 26, 2022

Can you post your answer for others? Having the same issue..

DEFIdaniel1 Aug 26, 2022

Figured it out.

Need to make sure this is added or Moralis will search for a server:
initializeOnMount={false}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

ReactMoralisError: Provide a "appId" provided to <MoralisProvider> #477

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 4 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

ReactMoralisError: Provide a "appId" provided to <MoralisProvider> #477

Uh oh!

harendra-shakya Jun 21, 2022

Replies: 1 comment · 4 replies

Uh oh!

PatrickAlphaC Jun 21, 2022

Uh oh!

harendra-shakya Jun 22, 2022 Author

Uh oh!

PatrickAlphaC Jun 23, 2022

Uh oh!

DEFIdaniel1 Aug 26, 2022

Uh oh!

DEFIdaniel1 Aug 26, 2022

harendra-shakya
Jun 21, 2022

Replies: 1 comment 4 replies

PatrickAlphaC
Jun 21, 2022

harendra-shakya Jun 22, 2022
Author