Query Demo

This example demonstrates the current factory APIs in @ic-reactor/react against live ledger canisters:

createSuspenseQuery for static method wrappers
createSuspenseQueryFactory for runtime arguments
createMutation for updates and invalidation
DisplayReactor for UI-friendly string values

Links

Open in StackBlitz Edit and run in your browser

View on GitHub Browse the source code

Live Preview

Key Code

export const icpNameQuery = createSuspenseQuery(icpReactor, {
  functionName: "icrc1_name",
})

export const getIcpBalance = createSuspenseQueryFactory(icpReactor, {
  functionName: "icrc1_balance_of",
  select: (balance) => formatBalance(balance, "ICP"),
})

export const icpTransferMutation = createMutation(icpReactor, {
  functionName: "icrc1_transfer",
})