fix: remove useEffects and small jump

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<string | null>();
-  const [ensAvatar, setEnsAvatar] = useState<string | null>();
   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 (
       <div className="animate-pulse flex space-x-4">