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

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