From 0c57586fb914c2dd7399364b524c86642b06f1c3 Mon Sep 17 00:00:00 2001
From: ymekuria <ymekuria@gmail.com>
Date: Mon, 23 Sep 2024 00:46:45 -0700
Subject: [PATCH] feat(index.page.tsx): add accountExists dependency to
 useEffect hook to trigger re-render when accountExists changes, ensuring
 accurate UI display

---
 .../zkapps/04-zkapp-browser-ui/ui/src/pages/index.page.tsx   | 5 ++---
 1 file changed, 2 insertions(+), 3 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
index e7f7d6208..3bf058764 100644
--- 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
@@ -116,11 +116,12 @@ export default function Home() {
           await new Promise((resolve) => setTimeout(resolve, 5000));
         } 
       }
+      // setDisplayText('');
       setAccountExists(true);
     };
 
     checkAccountExists();
-  }, [hasBeenSetup]);
+  }, [hasBeenSetup, accountExists]);
 
   // -------------------------------------------------------
   // Send a transaction
@@ -232,8 +233,6 @@ export default function Home() {
 
   let mainContent;
   if (hasBeenSetup && accountExists) {
-    console.log('currentNum test', currentNum);
-    console.log('current num type', typeof currentNum)
     mainContent = (
       <div style={{ justifyContent: 'center', alignItems: 'center' }}>
         <div className={styles.center} style={{ padding: 0 }}>