Hello, I get the following error on my Next.JS app
Module not found: Canât resolve â./providers/MoralisDappProvider/MoralisDappProviderâ
I am using the following dependencies:
I am stuck because I need MoralisDappProvider. How should I go about importing it?
Are you following a Moralis tutorial or project? Does this MoralisDappProvider folder (and MoralisDappProvider.js file) exist in your project structure?
You just need to check that path. E.g. if thatâs your index.js file, there needs to be a providers folder alongside it (and then a MoralisDappProvider folder inside that one).
@alex is right.
U need something like
import React, { useEffect, useState } from âreactâ;
import { useMoralis } from âreact-moralisâ;
import MoralisDappContext from â./contextâ;
function MoralisDappProvider({ children }) {
const { web3, Moralis, user } = useMoralis();
const [walletAddress, setWalletAddress] = useState();
const [chainId, setChainId] = useState();
useEffect(() => {
Moralis.onChainChanged(function (chain) {
setChainId(chain);
});
Moralis.onAccountChanged(function (address) {
setWalletAddress(address[0]);
});
}, []);
return (
<MoralisDappContext.Provider value={{ walletAddress, chainId }}>
{children}
</MoralisDappContext.Provider>
);
}
function useMoralisDapp() {
const context = React.useContext(MoralisDappContext);
if (context === undefined) {
throw new Error(âuseMoralisDapp must be used within a MoralisDappProviderâ);
}
return context;
}
export { MoralisDappProvider, useMoralisDapp };
in ./providers/MoralisDappProvider/MoralisDappProvider.js folder
