> For the complete documentation index, see [llms.txt](https://v1.etherspot.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v1.etherspot.io/transaction-kit/react-components/less-than-etherspotbatch-greater-than.md).

# \<EtherspotBatch />

## Introduction

The `<EtherspotBatch />` component allows you to define one or more `<EtherspotTransaction />` components to be sent as part of the `<EtherspotBatch />`.

## Component Properties

<table><thead><tr><th width="211">Property</th><th>Description</th></tr></thead><tbody><tr><td><code>id</code></td><td>Optional: An ID (which can be a <code>string</code>, <code>number</code> etc) that allows you to define the ID of this batch group. We will use this ID if you provide it internally, but also allows you to use it to keep track elsewhere within your app.</td></tr><tr><td><code>chainId</code></td><td>Optional: The blockchain ID that you would like to execute this batch on. Check out our <a href="/pages/-MeAyzR2e2VKsOneDqAi">supported blockchains</a> to check what we support.<br><br>The default is  "1" - Ethereum Mainnet.</td></tr><tr><td><code>gasTokenAddress</code></td><td>Optional: You can choose to pay for for batch of transactions with something else other than the native token for the blockchain you defined in <code>chainId</code> (or Ethereum if none specified).</td></tr></tbody></table>

## How to use

Below is an example of how to use the `<EtherspotBatch />` component.

```jsx
// In your functional component or elsehwere
const onEstimateReceiver = (estimationData) => {
  console.log(
    'This is the cost estimate for all the batches',
    estimationData,
  );
}

// In your render or as a component...
<EtherspotBatches onEstimated={onEstimateReceiver}>
  <EtherspotBatch>
    {/*
      Within the <EtherspotBatch /> component,
      you can add 1 or more <EtherspotTransaction />
      tags to be performed together and at the same
      time (i.e. within the same "batch").
    */}
  </EtherspotBatch>
</EtherspotBatches>
```

## :tada: Congratulations!

And that's how to implement the `<EtherspotBatch />` component. It's worth remembering that this component expects other components like `<EtherspotTransaction />` to live inside it for it to do anything at all.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://v1.etherspot.io/transaction-kit/react-components/less-than-etherspotbatch-greater-than.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.