1.Getting this error
NoMoralisContextProviderError: Make sure to only call useMoralis within a <MoralisProvider>
I think I know what it is just need conformation I have an App.JS which stores the component MyApp
APP JS
`import React from "react";
import ReactDOM from "react-dom";
import { MoralisProvider } from "react-moralis";
import {MyApp} from "./_app"
ReactDOM.render(
<MoralisProvider appId="xxxxxxxx" serverUrl="xxxxxxxx">
<MyApp />
</MoralisProvider>,
document.getElementById("root"),
);
MYAPP COMPONENT
import '../styles/globals.css'
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
export default MyApp`
This goes into an index.js file which is where I am integrating moralis however is it to far down for moralis to work as the App JS wraps the MyApp component in the MoralisProvider
but I am implementing the useMoralis()
function inside index.js which is wrapped in the myApp component
this is a small section of the index.js but it is connected to the MyApp component
`export default function App( ) {
const { authenticate, isAuthenticated } = useMoralis();`