feat(entrykit): log errors

latticexyz · Jan 31, 2025 · cf3991d · cf3991d
1 parent c44207f
commit cf3991d
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 4 deletions.
diff --git a/packages/entrykit/src/AccountName.tsx b/packages/entrykit/src/AccountName.tsx
@@ -4,15 +4,22 @@ import { Logo } from "./icons/Logo";
 import { TruncatedHex } from "./ui/TruncatedHex";
 import { usePreloadImage } from "./usePreloadImage";
 import { twMerge } from "tailwind-merge";
+import { useEffect } from "react";
 
 export type Props = {
   address: Hex;
 };
 
 export function AccountName({ address }: Props) {
-  const { data: ens } = useENS(address);
+  const { data: ens, error: ensError } = useENS(address);
   const avatar = usePreloadImage(ens?.avatar);
 
+  useEffect(() => {
+    if (ensError) {
+      console.log("Could not get ENS", ensError);
+    }
+  }, [ensError]);
+
   return (
     <>
       <span className="flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center">

diff --git a/packages/entrykit/src/onboarding/ConnectedSteps.tsx b/packages/entrykit/src/onboarding/ConnectedSteps.tsx
@@ -22,7 +22,13 @@ export function ConnectedSteps({ userClient, initialUserAddress }: Props) {
   const paymaster = getPaymaster(chain);
 
   const userAddress = userClient.account.address;
-  const { data: prerequisites } = usePrerequisites(userAddress);
+  const { data: prerequisites, error: prerequisitesError } = usePrerequisites(userAddress);
+
+  useEffect(() => {
+    if (prerequisitesError) {
+      console.error("Could not get prerequisites", prerequisitesError);
+    }
+  }, [prerequisitesError]);
 
   const { closeAccountModal } = useAccountModal();
   const isNewConnection = userAddress !== initialUserAddress;

diff --git a/packages/entrykit/src/onboarding/Wallet.tsx b/packages/entrykit/src/onboarding/Wallet.tsx
@@ -4,6 +4,7 @@ import { TruncatedHex } from "../ui/TruncatedHex";
 import { Button } from "../ui/Button";
 import { useAccountModal } from "../useAccountModal";
 import { Hex } from "viem";
+import { useEffect } from "react";
 
 export type Props = {
   isActive: boolean;
@@ -12,7 +13,14 @@ export type Props = {
 };
 
 export function Wallet({ isActive, isExpanded, userAddress }: Props) {
-  const { data: ens } = useENS(userAddress);
+  const { data: ens, error: ensError } = useENS(userAddress);
+
+  useEffect(() => {
+    if (ensError) {
+      console.log("Could not get ENS", ensError);
+    }
+  }, [ensError]);
+
   const { disconnect, isPending: disconnectIsPending } = useDisconnect();
   const { closeAccountModal } = useAccountModal();
 

diff --git a/packages/entrykit/src/useSessionClient.ts b/packages/entrykit/src/useSessionClient.ts
@@ -6,6 +6,7 @@ import { getSessionClient } from "./getSessionClient";
 import { SessionClient } from "./common";
 import { SmartAccount } from "viem/account-abstraction";
 import { useSessionAccount } from "./useSessionAccount";
+import { useEffect } from "react";
 
 export function getSessionClientQueryOptions({
   sessionAccount,
@@ -39,7 +40,14 @@ export function getSessionClientQueryOptions({
 export function useSessionClient(userAddress: Address | undefined): UseQueryResult<SessionClient> {
   const { chainId, worldAddress } = useEntryKitConfig();
   const client = useClient({ chainId });
-  const { data: sessionAccount } = useSessionAccount(userAddress);
+  const { data: sessionAccount, error: sessionAccountError } = useSessionAccount(userAddress);
+
+  useEffect(() => {
+    if (sessionAccountError) {
+      console.error("Could not get session account", sessionAccountError);
+    }
+  }, [sessionAccountError]);
+
   return useQuery(
     getSessionClientQueryOptions({
       sessionAccount,