Lesson 10 : MoralisProvider Error #4913

ashu26jha · 2023-02-24T05:55:57Z

ashu26jha
Feb 24, 2023

I used Morralis Provider in my _app.js but it shows an error of <MoralisProvider> when I try to get ConnectButton from web3uikit. Manual Header is working good.

Link to my github repo: https://github.com/ashu26jha/Solidity/tree/main/lesson10

Error disappears when I use manual header, my guess is issue is because with web3uikit or ConnectButton

_app.js

import { MoralisProvider } from "react-moralis";
import "../styles/globals.css";

function MyApp({ Component, pageProps }) {
  return (
    <MoralisProvider initializeOnMount={false}>
      <Component {...pageProps} />
    </MoralisProvider>
  );
}

export default MyApp;

Header.js

import { ConnectButton } from "web3uikit"

export default function Header() {
    return (
        <nav className="p-5 border-b-2 flex flex-row">
            <h1 className="py-4 px-4 font-bold text-3xl"> Decentralized Lottery</h1>
            <div className="ml-auto py-2 px-4">
                <ConnectButton moralisAuth={false}/>
            </div>
        </nav>
    )
}

index.js

import Head from 'next/head'
import Image from 'next/image'
import { Inter } from '@next/font/google'
import styles from '@/styles/Home.module.css'
import ManualHeader from '../components/ManualHeader';
import Header from "../components/Header";

const inter = Inter({ subsets: ['latin'] })

export default function Home() {
  return (
    <div className={styles.container}>
      <Head>
        <title>Decentralised Lottery</title>
        <meta name="description" content="Generated by create next app" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <Header />
      {/* <ManualHeader/> */}
    </div>
  );
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lesson 10 : MoralisProvider Error #4913

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Lesson 10 : MoralisProvider Error #4913

Uh oh!

ashu26jha Feb 24, 2023

Replies: 0 comments

ashu26jha
Feb 24, 2023