diff --git a/packages/nextjs/components/scaffold-eth/Address/Address.tsx b/packages/nextjs/components/scaffold-eth/Address/Address.tsx index 806dc3fdc..2135e1d3b 100644 --- a/packages/nextjs/components/scaffold-eth/Address/Address.tsx +++ b/packages/nextjs/components/scaffold-eth/Address/Address.tsx @@ -1,6 +1,5 @@ "use client"; -import { useEffect, useState } from "react"; import { AddressCopyIcon } from "./AddressCopyIcon"; import { AddressLinkWrapper } from "./AddressLinkWrapper"; import { Address as AddressType, getAddress, isAddress } from "viem"; @@ -63,36 +62,26 @@ type AddressProps = { }; export const Address = ({ address, disableAddressLink, format, size, showBoth = false }: AddressProps) => { - const [ens, setEns] = useState(); - const [ensAvatar, setEnsAvatar] = useState(); const checkSumAddress = address ? getAddress(address) : undefined; const { targetNetwork } = useTargetNetwork(); - const { data: fetchedEns, isLoading: isEnsNameLoading } = useEnsName({ + const { data: ens, isLoading: isEnsNameLoading } = useEnsName({ address: checkSumAddress, chainId: 1, query: { enabled: isAddress(checkSumAddress ?? ""), }, }); - const { data: fetchedEnsAvatar } = useEnsAvatar({ - name: fetchedEns ? normalize(fetchedEns) : undefined, + const { data: ensAvatar } = useEnsAvatar({ + name: ens ? normalize(ens) : undefined, chainId: 1, query: { - enabled: Boolean(fetchedEns), + enabled: Boolean(ens), gcTime: 30_000, }, }); - useEffect(() => { - setEns(fetchedEns); - }, [fetchedEns]); - - useEffect(() => { - setEnsAvatar(fetchedEnsAvatar); - }, [fetchedEnsAvatar]); - if (!checkSumAddress) { return (