useSendUserOperation

import React from "react"; import {  
function useSendUserOperation<TEntryPointVersion extends GetEntryPointFromAccount<TAccount>, TAccount extends SupportedAccounts = SupportedAccounts>(params: UseSendUserOperationArgs<TEntryPointVersion, TAccount>): UseSendUserOperationResult<TEntryPointVersion, TAccount>
A hook that returns functions for sending user operations. You can also optionally wait for a user operation to be mined and get the transaction hash before returning using waitForTx. Like any method that takes a smart account client, throws an error if client undefined or is signer not authenticated.
useSendUserOperation,  
function useSmartAccountClient<TChain extends Chain | undefined = Chain | undefined, TAccount extends SupportedAccountTypes | undefined = "ModularAccountV2">(args: UseSmartAccountClientProps<TChain, TAccount>): UseSmartAccountClientResult<TChain, SupportedAccount<TAccount extends undefined ? "ModularAccountV2" : TAccount>>
useSmartAccountClient, } from "@account-kit/react";  function 
function ComponentWithSendUserOperation(): JSX.Element
ComponentWithSendUserOperation() {  const { 
const client: {  account: ModularAccountV2<AlchemySigner>;  batch?: {  multicall?: boolean | Prettify<MulticallBatchOptions> | undefined;  } | undefined;  ... 84 more ...;  extend: <const client extends {  ...;  } & ExactPartial<...>>(fn: (client: Client<...>) => client) => Client<...>; } | undefined
client } = 
useSmartAccountClient<Chain | undefined, "ModularAccountV2">(args: UseSmartAccountClientProps<Chain | undefined, "ModularAccountV2">): UseSmartAccountClientResult<Chain | undefined, ModularAccountV2<...>>
useSmartAccountClient({});   const { 
const sendUserOperation: UseMutateFunction<SendUserOperationWithEOA<keyof EntryPointRegistryBase<unknown>>, Error, SendUserOperationParameters<SupportedAccounts>, unknown>
sendUserOperation, 
const isSendingUserOperation: boolean
isSendingUserOperation } = 
useSendUserOperation<keyof EntryPointRegistryBase<unknown>, SupportedAccounts>(params: UseSendUserOperationArgs<keyof EntryPointRegistryBase<unknown>, SupportedAccounts>): UseSendUserOperationResult<...>
A hook that returns functions for sending user operations. You can also optionally wait for a user operation to be mined and get the transaction hash before returning using waitForTx. Like any method that takes a smart account client, throws an error if client undefined or is signer not authenticated.
useSendUserOperation({  
client: {  account: SupportedAccounts;  batch?: {  multicall?: boolean | Prettify<MulticallBatchOptions> | undefined;  } | undefined;  ... 84 more ...;  extend: <const client extends {  ...;  } & ExactPartial<...>>(fn: (client: Client<...>) => client) => Client<...>; } | {  ...; } | {  ...; } | {  ...; } | undefined
client,  // optional parameter that will wait for the transaction to be mined before returning  
waitForTxn?: boolean | undefined
waitForTxn: true,  
onSuccess?: ((data: SendUserOperationWithEOA<keyof EntryPointRegistryBase<unknown>>, variables: SendUserOperationParameters<SupportedAccounts>, context: unknown) => Promise<unknown> | unknown) | undefined
onSuccess: ({ 
hash: `0x${string}`
hash, 
request: UserOperationRequest<keyof EntryPointRegistryBase<unknown>> | undefined
request }) => {  // [optional] Do something with the hash and request  },  
onError?: ((error: Error, variables: SendUserOperationParameters<SupportedAccounts>, context: unknown) => Promise<unknown> | unknown) | undefined
onError: (
error: Error
error) => {  // [optional] Do something with the error  },  // [optional] ...additional mutationArgs  });   return (  <
React.JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
div>  <
React.JSX.IntrinsicElements.button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
button  
React.DOMAttributes<HTMLButtonElement>.onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined
onClick={() =>  
const sendUserOperation: (variables: SendUserOperationParameters<SupportedAccounts>, options?: MutateOptions<SendUserOperationWithEOA<keyof EntryPointRegistryBase<unknown>>, Error, SendUserOperationParameters<...>, unknown> | undefined) => void
sendUserOperation({  
uo: UserOperationCallData | BatchUserOperationCallData
uo: {  
target: `0x${string}`
target: "0xTARGET_ADDRESS",  
data: `0x${string}`
data: "0x",  
value?: bigint | undefined
value: 0n,  },  })  }  
React.ButtonHTMLAttributes<HTMLButtonElement>.disabled?: boolean | undefined
disabled={
const isSendingUserOperation: boolean
isSendingUserOperation}  >  {
const isSendingUserOperation: boolean
isSendingUserOperation ? "Sending..." : "Send UO"}  </
React.JSX.IntrinsicElements.button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
button>  </
React.JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
div>  ); }