How could I get the getSigner in react-moralis v1? is it something like below?
const { provider } = useMoralis()
const signer = provider.getSigner() // compile error in TS
I’ve checked the provider it’s the unknown type which is not friendly in TypeScript.
They should still be working and not removed, the only thing that change is this one
I had changed the onAccountsChanged to onAccountChanged which stopped errors but none of the events were activating. I’ll play around and see if I can see what’s going on.
The events are now fired differently. Before it was firing the Metamask onChain/onAccountsChanged events. Now it is firing the onChain/onAccountsChanged of the method that is used for authentication/enableWeb3.
So before you call authenticate/enableWeb3, no events will be fired. Then if you authenticate via Walletconnect, you will get events from WalletConnect.
I assume you use the events before enableWeb3/authenticate was called?
If so, then if you want to listen for Metamask events, you can use window.ethereum.on:
window.ethereum.on("accountsChanged", (account) =>
console.log("account")
);
window.ethereum.on("chainChanged", (chain) =>
console.log("chain")
);
Correct, the provider can be any EIP1193 provider that is returned from Metamask/WalletConnect/etc., so that’s why we have it typed as unknown right now.
To get the signer, you need to use the instance of the Ethers web3. You can use something like:
const { web3 } = useMoralis();
useEffect(() => {
if (web3) {
const signer = (web3 as any).getSigner();
console.log("signer", signer);
}
}, [web3]);
Just noticed that we have no proper types for the returned web3, will look into that one to provide better types.
My Dapp was working fine ; but now I get prompted with the following error ‘TypeError: Moralis.Web3.onAccountsChanged is not a function’. I updated npm install moralis@latest and also npm install moralis@latest. I believe this error is coming internally as I did not use Moralis.Web3.onAccountsChanged function on my Dapp or scripts.
Will Moralis.Web3API remain available in the cloud functions after updating the server?
What version of react-moralis do you use?
If you upgraded moralis to v1.0 then you should also update react-moralis to v1.0
@Erno
Those are my dependencies
"dependencies": {
"@walletconnect/web3-provider": "^1.7.1",
"axios": "^0.24.0",
"install": "^0.13.0",
"moralis": "^1.0.1",
"next": "^12.0.8",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-moralis": "^0.3.11",
"timeago-react": "^3.0.4"
},
So you need to update react-moralis as well to v1.0
Try npm install react-moralis@latest
Thank you very much !!! I confirm : i solved my current problem by reading this post.
I let my development project 2 days ago, working perfectly, and today when i relaunched everything i discovered tons of error in my browser console. I really started to be desperated (ahahah). But fortuntely, i have seen the youtube recent video on “Nitro” and then saw this post.
EVERYTHING WORKS BACK AGAIN !!! Champaaaagne !
Is there a way to just go back to how things were before the update? I cant figure out how to fix the breaks, I’m still new to coding.
I updated moralis and react-moralis. I’m not using any of the new features, I just want to go back.
You can just install the previous version: npm install [email protected]
And you can do the same for react-moralis: npm install [email protected]
seems the moralis v1.0.1 and react-moralis v1 are still not compatible with react-scripts v5, it would be nice to make them working in together.
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.
If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
- install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "stream": false }
@ ./node_modules/create-hash/browser.js 11:11-33
@ ./node_modules/ethereumjs-util/dist/index.js 23:17-39
@ ./node_modules/web3-provider-engine/index.js 5:16-42
@ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 6:23-54
@ ./node_modules/moralis/lib/browser/Web3Connector/WalletConnectWeb3Connector.js 158:54-93
@ ./node_modules/moralis/lib/browser/MoralisWeb3.js 83:57-110
@ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
@ ./node_modules/moralis/index.js 1:0-50
@ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5335:11-24