useSubmitCommand

useSubmitCommand(): UseSubmitCommandResult

Defined in: packages/react/src/hooks/useSubmitCommand.ts:85

Hook for submitting commands to the Canton ledger

Returns

UseSubmitCommandResult

Example

function TransferButton() {
  const { submit, isPending, isError, error, data } = useSubmitCommand()
  const { partyId } = useCanton()

  const handleTransfer = () => {
    submit({
      commands: {
        // DAML command structure
        templateId: 'Module:Template',
        choice: 'Transfer',
        argument: { recipient: 'alice::1234' },
      },
      actAs: [partyId],
    })
  }

  return (
    <div>
      <button onClick={handleTransfer} disabled={isPending}>
        {isPending ? 'Submitting...' : 'Transfer'}
      </button>
      {isError && <p>Error: {error?.message}</p>}
      {data && <p>Success! Update ID: {data.tx.payload.updateId}</p>}
    </div>
  )
}