@flashkit/react ⚡

React hooks and state management for GIWA Flashblocks transaction experiences.

Part of the FlashKit developer toolkit for GIWA.

Installation

npm install @flashkit/core @flashkit/react viem react
# or
pnpm add @flashkit/core @flashkit/react viem react

Quickstart

import { useFlashTransaction } from '@flashkit/react'

export function TransactionStatus({ hash }: { hash: `0x${string}` }) {
  const { status, preconfirmationMs, inclusionMs, isPreconfirmed } = useFlashTransaction({
    hash
  })

  return (
    <div>
      <p>Status: {status}</p>
      {isPreconfirmed && <p>⚡ Preconfirmed in {preconfirmationMs}ms!</p>}
    </div>
  )
}

License

MIT © FlashKit Contributors