React
@ivem/kit-react provides React hooks for connection state, signing, transfers, contract calls, and receipt polling. The recommended app structure is IvemProvider + hooks.
Async hooks are powered by TanStack Query (@tanstack/react-query) via IvemProvider.
useAccountuseConnectuseReconnectuseDisconnectuseChainIduseSignMessageuseSendTransactionuseWriteContractuseWaitForTransactionReceiptuseCallContract
Detailed API docs:
- Hooks Overview
- useConfig
- useAccount
- useConnect
- useReconnect
- useDisconnect
- useChainId
- useSignMessage
- useSendTransaction
- useWriteContract
- useWaitForTransactionReceipt
- useCallContract
import { useAccount, useConnect, useReconnect } from '@ivem/kit-react'
function Header() {
const account = useAccount()
const connect = useConnect()
const reconnect = useReconnect()
return (
<div>
<button onClick={() => reconnect.mutate()}>Reconnect</button>
{!account.isConnected && <button onClick={() => connect.mutate()}>Connect</button>}
</div>
)
}