Use the type Address in abi.ts and useFetchContractAbi

Author: portdeveloper

packages/nextjs/hooks/useFetchContractAbi.ts

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { isAddress } from "viem";
+import { Address, isAddress } from "viem";
 import { UsePublicClientReturnType } from "wagmi";
 import { fetchContractABIFromEtherscan } from "~~/utils/abi";
 
@@ -19,7 +19,7 @@ const useFetchContractAbi = ({ contractAddress, chainId, disabled = false }: Fet
       throw new Error("Invalid contract address");
     }
 
-    const addressToUse: string = contractAddress;
+    const addressToUse: Address = contractAddress;
     try {
       const { abi, implementation } = await fetchContractABIFromEtherscan(addressToUse, chainId);
 

packages/nextjs/utils/abi.ts

@@ -1,3 +1,4 @@
+import { Address } from "viem";
 import * as chains from "viem/chains";
 
 const findChainById = (chainId: number): chains.Chain => {
@@ -32,7 +33,7 @@ const getEtherscanApiKey = (chainId: number): string => {
   return apiKey || "";
 };
 
-export const fetchContractABIFromEtherscan = async (verifiedContractAddress: string, chainId: number) => {
+export const fetchContractABIFromEtherscan = async (verifiedContractAddress: Address, chainId: number) => {
   const chain = findChainById(chainId);
 
   if (!chain || !chain.blockExplorers?.default?.apiUrl) {