you may need to use these hooks
Option Description
Moralis The global Moralis instance (same as the global Moralis object)
isInitialized A boolean, indicating if Moralis has been initialized
isInitializing A boolean, indicating if Moralis is currently initializing
you can also search on forum for others that had the same problem, I’m not really expert in react
Thanks, I appreciate it, I just checked these two variables and added them as conditions and in the dependency array of useEffect:
useEffect(() => {
if(isInitialized && !isInitializing){
console.log('initilized',isInitialized)
console.log('initializing', isInitializing)
console.log(user?.attributes?.ethAddress)
console.log('account', account)
console.log('nativeBalance', nativeBalance)
console.log('tokensBalance', tokensBalance)
}
}, [isInitialized, isInitializing, user, account, nativeBalance, tokensBalance])
Again no change, it behaves the same way.
this code executes?
I think that you can fetch the user info somehow
It behaves exactly as I show in the video, once the user connects, he needs to disconnect from metamask itself in order for me to retrieve his information, and I can do that only on first connect, then I lose it. Yes these two variables are working, but they are not helping.
after refresh, the problem is that you are no longer connected to MetaMask? like you need to run enableWeb3?
Pls watch the video that I have attached to my original post.
It says that I am connected, and it also says that I am authenticated, but I don’t get any information from Metamask, no matter if i disconnect and reconnect (from the button), I only get the currencies information once I disconnect from metamask itself and reconnect. And I get it only the first time.
Okay I did a little bit of digging and what ends up happening is that the app is not sending requests to Moralis servers at all:
This is when I first sign in and I retrieve the data, you can see that there are requests for getNativeBalance, getTokensBalance and so on.
And this is when I refresh on the same page as it was on the above screenshot:
As you can see, these requests are not being made at all.
It may not need to do all those requests again, if you want information from MetaMask all you need is web3
Then what do I need Moralis for, if I can’t use its hooks, to get the information I need?
I looked now at the video, for nativeBalance it doesn’t really need metamask to get that info, it will make a request to your Moralis Server, it only needs metamask to know the account eth address at the initial authentication
now you say that it doesn’t even make those calls to get the native balance when it doesn’t work, and it can not show the data if it doesn’t make those calls
the problem seems to be somehow that it doesn’t make those calls on refresh
maybe you need to use some of the variables that it returns:
return {
getBalances: fetch,
data: {
balance: data?.balance,
formatted,
},
nativeToken,
error,
isLoading,
isFetching,
};
And I do use them in my real application, the code I shared above is just a minimal example that reproduces the bug, I am using those on my application and I am trying to read them and output them in my interface.
And yes, the problem is that it stops making those calls after the first connecting to Metamask.
maybe you can call this to fetch
or check these variables:
I just tried that and isFetching is true only the first time, it never gets set to true after that, so indeed, the API just does not fetch the data, which leads me to believe that this should be something very easy to fix in the react-moralis api…
In dev mode isFetching always gets set to true before it retrieves the data, when I build the project, it gets set to true just once, after the initial first sign in where it connects to Metamask and tahts it, it never gets set to true after that.
maybe you can force a fetch with that getBalances: fetch,
I just tried using the getBalance and fetchERC20Balances both of which when activated seem to be working now and retrieving the balances and sending the requests, however this still seems like a bug, its working on dev mode, I cant even think of a reason why that wouldnt work normally. And now I need to write logic about fetching… So thanks, at least finally you helped me find a way to get it working.
I am new to all of this in general, but if I have to write custom code for that, or dealing with web3 directly, why do I need Moralis in the first place?
This has nothing to do with the issue, useEffect runs before a render, I need the data in before the render, so normally, I would try to load that data into a useEffect hook, if the issue as you claim was in my code, then the dev server wouldnt work either, would it not?
Would you be please so kind as to fix my code and show me what it should look like, its just a few lines of code, and I have not seen fetching outside of useEffect or getServerSideProps, so what am I missing here?
I should not need to explicitly fetch the balances, when they have the balances variables exposed, that should be handled internally within the hook.
in case that you know what is wrong in the hook, this seems to be the code for that hook: https://github.com/MoralisWeb3/react-moralis/blob/beta/src/hooks/web3ApiWrappers/useNativeBalance/useNativeBalance.ts
I have narrowed it down, but I can’t fix it, I actually did take a look and I am simply guessing hat some dependency somewhere in these useMemo hooks (or others deeper), just dont get reactivated and they dont refetech.