Skip to content

useTokenDetails

The useTokenDetails hook implements the getTokenDetails API, returning the data required to view an NFT.

It is implemented with useQuery from @tanstack/react-query, and returns a UseQueryResult object, allowing you to pass through all @tanstack/react-query options.

Before using them, make sure to obtain a Client API Key from Coinbase Developer Platform.

Usage

code
import { useTokenDetails } from '@coinbase/onchainkit/nft';
 
const Component = () => {
  const { data, isLoading, error } = useTokenDetails({
    contractAddress: '0x...',
    tokenId: '1',
  });
 
  if (isLoading) return <div>Loading...</div>;
  
  return <div>{JSON.stringify(data)}</div>;
};

Returns

UseQueryResult<TokenDetails>

Parameters

GetTokenDetailsParams