# useSendPermission

## Returns:

| Property            | Type                                                   | Description                                                                                          |
| ------------------- | ------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- |
| data                | Hash or undefined                                      | The hash of the transaction if it was successfully sent, otherwise undefined.                        |
| error               | Error or null                                          | An error object if the transaction failed, otherwise null.                                           |
| isPending           | boolean                                                | A boolean indicating whether the transaction is currently pending.                                   |
| isSuccess           | boolean                                                | A boolean indicating whether the transaction was successfully sent.                                  |
| isError             | boolean                                                | A boolean indicating whether an error occurred during the transaction process.                       |
| sendPermission      | (variables: UsePermissionParameters) => void           | A function to trigger the permission request using a sessionKey.                                     |
| sendPermissionAsync | (variables: UsePermissionParameters) => Promise\<Hash> | A function to trigger the permission request and return a promise resolving to the transaction hash. |

## Usage Example:

<pre class="language-typescript"><code class="lang-typescript">import { useSendPermission } from "path/to/hook";

const Component = () => {
  const {
    data,
    error,
    isPending,
    isSuccess,
    isError,
    sendPermission,
    sendPermissionAsync,
  } = useSendPermission({
    sessionData: ..., 
    privateKey: ...,
  });

  const handleSendPermission = () => {
    sendPermission({
      actions: [
        {
          target: 0x012345...",
          callData: "0x012345...",
          value: BigInt(0),
        },
      ],
    });
  };

  const handleAsyncSendPermission = async () => {
    try {
      const txHash = await sendPermissionAsync({
        actions: [
          {
            target: 0x012345...",
            callData: "0x012345...",
            value: BigInt(0),
          },
        ],
      });
<strong>      console.log("Transaction hash:", txHash);
</strong>    } catch (err) {
      console.error("Permission sending failed:", err);
    }
  };

  return (
    &#x3C;div>
      {isPending &#x26;&#x26; &#x3C;p>Sending permission...&#x3C;/p>}
      {isSuccess &#x26;&#x26; &#x3C;p>Permission sent successfully!&#x3C;/p>}
      {isError &#x26;&#x26; &#x3C;p>Error: {error?.message}&#x3C;/p>}
      &#x3C;button onClick={handleSendPermission}>Send Permission&#x3C;/button>
      &#x3C;button onClick={handleAsyncSendPermission}>Send Permission (Async)&#x3C;/button>
    &#x3C;/div>
  );
};
</code></pre>

## How It Works:

The hook relies on the smartAccountClient and sessionKeySigner to handle permission operations via the cometh/connect-sdk-4337. The mutation follows these steps:

1\. Initializes the session key signer using useSessionKeySigner.

2\. Verifies the required context and API key are available.

3\. Creates a sessionKeyClient using createSessionSmartAccountClient.

4\. Calls the usePermission method with the provided parameters.

5\. Waits for confirmation using waitForUserOperationReceipt.

6\. Returns the transaction hash of the operation.

## Example of Expected Response:

```
"0x123abc456def..."
```

## Error Handling:

If the mutation fails, the error object provides information about what went wrong, allowing you to display user-friendly error messages.

## Mutation Props (mutationProps):

You can pass optional mutation options through the mutationProps parameter. This allows you to customize aspects of the mutation, like retry mechanisms, onSuccess callbacks, and more.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cometh.io/integrations/react-hooks/session-keys/usesendpermission.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.