React hooks

useProjects

Browse projects and preview images across supported networks.

Usage

tsx

import { useProjects } from "@whitehash/react"

const result = useProjects({ chain: "tezos:mainnet", order: "newest" })

List projects on one chain

useProjects discovers projects published by the configured fxhash issuer for the selected chain and returns normalized WhitehashProject values.

Use version to select a Tezos issuer generation. On EVM chains, project.id is the collection contract.

tsx

const result = useProjects({
  chain: "eip155:8453",
  order: "newest",
  limit: 12,
})

result.projects[0]
// { chain: "eip155:8453", id: "0x…", name: … }

result.hasMore && result.loadMore()

Live result

0 projects loaded