Read Contract Data

Read data from any contract on EVM with Type safe functions and hooks without needing contract ABIs

Code

import { getContract } from "thirdweb";
import { ethereum } from "thirdweb/chains";
import {
  MediaRenderer,
  useReadContract,
} from "thirdweb/react";

const onChainCryptoPunks = getContract({
  address: "0x16F5A35647D6F03D5D3da7b35409D65ba03aF3B2",
  chain: ethereum,
  client: THIRDWEB_CLIENT,
});

function App() {
  // Read the image of the tokenId #1
  const { data } = useReadContract({
    contract: onChainCryptoPunks,
    method:
      "function punkImageSvg(uint16 index) view returns (string svg)",
    params: [1],
  });

  return (
    <MediaRenderer client={THIRDWEB_CLIENT} src={data} />
  );
}

Preview