debug: deployment version is not showing raw info

Author: nomadbitcoin

quick-starts/react-quick-start/src/App.tsx

@@ -24,6 +24,7 @@ function App() {
   } = useWeb3AuthDisconnect();
   const { userInfo } = useWeb3AuthUser();
   const { address } = useAccount();
+  console.log("address: ", address);
 
   function uiConsole(...args: any[]): void {
     const el = document.querySelector("#console>p");

quick-starts/react-quick-start/src/components/getBalance.tsx

@@ -28,9 +28,24 @@ export function Balance() {
     <div>
       <h2>Balance</h2>
       <div>
-        {data?.value !== undefined &&
-          `${formatUnits(data.value, networkDecimals)} ${data.symbol}`}{" "}
-        {isLoading && "Loading..."} {error && "Error: " + error.message}
+        {(() => {
+          if (data?.value !== undefined) {
+            const formatted = `${formatUnits(data.value, networkDecimals)} ${
+              data.symbol
+            }`;
+            console.log("Balance data:", data.value);
+            return formatted;
+          }
+          if (isLoading) {
+            console.log("Balance loading...");
+            return "Loading...";
+          }
+          if (error) {
+            console.log("Balance error:", error);
+            return "Error: " + error.message;
+          }
+          return null;
+        })()}
       </div>
     </div>
   );