React hooks

useProject

Load a project and list its tokens.

Usage

tsx

import { useProject } from "@whitehash/react"

const result = useProject({ chain: "tezos:mainnet", id: "v3:13623" })

Pass project identity directly

useProject accepts the project’s chain and id. For Ethereum and Base, id is the ERC-721 collection contract. For Tezos, it is an issuer entry such as v3:13623.

tsx

const result = useProject({
  chain: "eip155:1",
  id: "0xBb47F0ED4A7E3BffcA75660dFa3B053FB7FcE78E",
})

What the hook reads

The hook fetches project metadata and the first page of minted iterations in parallel. It returns project, tokens, loading, error, hasMore, and loadMore.

Framework-free token reads follow the same pattern: pass chain, contract, and tokenId directly to client.getToken().

Live result

Loading project…