diff --git a/packages/entrykit/src/AccountName.tsx b/packages/entrykit/src/AccountName.tsx index e79c0fdc35..82741aa2b7 100644 --- 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 ( <> diff --git a/packages/entrykit/src/onboarding/ConnectedSteps.tsx b/packages/entrykit/src/onboarding/ConnectedSteps.tsx index d9fb35beda..bd27bf7b73 100644 --- 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 index dddce597ec..1c62eb0cbe 100644 --- 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 index 1f9fd98e21..572ea00afa 100644 --- 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 { 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,