refactor(index.page.tsx): update dependencies for useEffect hook to i…

…nclude zkappWorkerClient for proper re-rendering
MinaProtocol · Sep 23, 2024 · 16d3399 · 16d3399
1 parent 262b8ab
commit 16d3399
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/examples/zkapps/04-zkapp-browser-ui/ui/src/pages/index.page.tsx b/examples/zkapps/04-zkapp-browser-ui/ui/src/pages/index.page.tsx
@@ -34,7 +34,6 @@ export default function Home() {
           const zkappWorkerClient = new ZkappWorkerClient();
           setZkappWorkerClient(zkappWorkerClient);
           await new Promise((resolve) => setTimeout(resolve, 5000));
-
           displayStep('Done loading web worker')
 
           await zkappWorkerClient.setActiveInstanceToDevnet();
@@ -51,12 +50,10 @@ export default function Home() {
           displayStep(`Using key:${publicKeyBase58}`);
 
           displayStep('Checking if fee payer account exists...');
-
           const res = await zkappWorkerClient.fetchAccount(
           publicKeyBase58,
           );
           const accountExists = res.error === null;
-
           setAccountExists(accountExists);
 
           await zkappWorkerClient.loadContract();
@@ -113,7 +110,7 @@ export default function Home() {
     };
 
     checkAccountExists();
-  }, [hasBeenSetup, accountExists]);
+  }, [zkappWorkerClient, hasBeenSetup, accountExists]);
 
   // -------------------------------------------------------
   // Send a transaction