fix: app re-render when connected to scw

push-protocol · Sep 18, 2023 · 69949c7 · 69949c7
1 parent 9a65b4f
commit 69949c7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/hooks/useAccount.tsx b/src/hooks/useAccount.tsx
@@ -1,5 +1,6 @@
 import { useConnectWallet, useSetChain } from '@web3-onboard/react';
 import { ethers } from 'ethers';
+import { useMemo } from 'react';
 
 export const useAccount = () => {
   const [{ wallet, connecting }, connect, disconnect, updateBalances, setWalletModules, setPrimaryWallet] =
@@ -15,6 +16,10 @@ export const useAccount = () => {
     setChain({ chainId: ethers.utils.hexValue(desiredChain) });
   };
 
+  const provider = useMemo(() => {
+    return wallet ? new ethers.providers.Web3Provider(wallet.provider, 'any') : undefined;
+  }, [wallet]);
+
   return {
     wallet,
     connecting,
@@ -23,7 +28,7 @@ export const useAccount = () => {
     updateBalances,
     setWalletModules,
     setPrimaryWallet,
-    provider: wallet ? new ethers.providers.Web3Provider(wallet.provider, 'any') : undefined,
+    provider,
     account: wallet && wallet.accounts.length > 0 ? ethers.utils.getAddress(wallet.accounts[0].address) : undefined,
     chainId: connectedChain ? Number(connectedChain.id) : undefined,
     isActive,