Explicit Typing of getContract

[hickscorp]

Consider this:

const contract = useMemo(() => getContract({ abi, address }), [address]);

At this point, contract is typed and all its accessors are typed as well (And BTW it's really great, we're migrating a big app from 0.12 to 1.0 and it's such a pleasure).
The problem at this point seems to be that there's no easy way to formulate the type of contract, so if a function needs to receive it... It's fairly cumbersome.
It would be nice to see something like:

const contract: Contract<typeof abi> = useMemo(() => getContract({ abi, address }), [address]);

We tried to play a little bit with ReturnType<typeof getContract> but we got nowhere.

Any idea, or should we suggest that this could become a feature?

[tmm]

Can accomplish this in a couple ways.

viem GetContractReturnType

TypeScript Playground

import { type GetContractReturnType, type PublicClient, type WalletClient } from 'viem'
import { erc20Abi } from 'abitype/test'

type MyContract = GetContractReturnType<typeof erc20Abi, PublicClient, WalletClient>

wagmi GetContractResult

Import GetContractResult from @wagmi/core or wagmi/actions (wrapper around viem's GetContractReturnType`)

TypeScript Playground

import { type WalletClient } from 'viem'
import { type GetContractResult } from '@wagmi/core'
import { erc20Abi } from 'abitype/test'

type MyContract = GetContractResult<typeof erc20Abi, WalletClient>