fix eth_accounts calls on localNetwork (#454)

scaffold-eth · Jul 27, 2023 · 03d4c34 · 03d4c34
1 parent 6370b4c
commit 03d4c34
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/Faucet.tsx b/packages/nextjs/components/scaffold-eth/Faucet.tsx
@@ -11,6 +11,11 @@ import { notification } from "~~/utils/scaffold-eth";
 // Account index to use from generated hardhat accounts.
 const FAUCET_ACCOUNT_INDEX = 0;
 
+const localWalletClient = createWalletClient({
+  chain: hardhat,
+  transport: http(),
+});
+
 /**
  * Faucet modal which lets you send ETH to any address.
  */
@@ -23,10 +28,6 @@ export const Faucet = () => {
   const { chain: ConnectedChain } = useNetwork();
   const isMounted = useIsMounted();
 
-  const localWalletClient = createWalletClient({
-    chain: hardhat,
-    transport: http(),
-  });
   const faucetTxn = useTransactor(localWalletClient);
 
   useEffect(() => {
@@ -51,7 +52,7 @@ export const Faucet = () => {
       }
     };
     getFaucetAddress();
-  }, [localWalletClient]);
+  }, []);
 
   const sendETH = async () => {
     if (!faucetAddress) {

diff --git a/packages/nextjs/components/scaffold-eth/FaucetButton.tsx b/packages/nextjs/components/scaffold-eth/FaucetButton.tsx
@@ -10,6 +10,11 @@ import { useAccountBalance, useTransactor } from "~~/hooks/scaffold-eth";
 const NUM_OF_ETH = "1";
 const FAUCET_ADDRESS = "0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266";
 
+const localWalletClient = createWalletClient({
+  chain: hardhat,
+  transport: http(),
+});
+
 /**
  * FaucetButton button which lets you grab eth.
  */
@@ -21,10 +26,7 @@ export const FaucetButton = () => {
   const isMounted = useIsMounted();
 
   const [loading, setLoading] = useState(false);
-  const localWalletClient = createWalletClient({
-    chain: hardhat,
-    transport: http(),
-  });
+
   const faucetTxn = useTransactor(localWalletClient);
 
   const sendETH = async () => {