---
sidebar_label: 'composer.cancel()'
description: 'Cancel the request that is currently being made.'
---

# composer.cancel()

---

> * Method Name:

**`composer.cancel()`**

> * Description

This method cancels the last request made to the AI backend.<br />
If no request is in progress, this method does nothing.

```tsx
import {AiChat, useAiChatApi} from 'nlux';

export default function App() {
  // Create an instance of the AiChatApi using the useAiChatApi hook
  const api = useAiChatApi();

  // Call `api.composer.send(...)` to send a message to the chatbot
  const onClick = useCallback(() => api.composer.cancel(), [api]);

  // When creating the AiChat component, pass the `api` object as a prop
  return (
    <div>
      <AiChat api={api} adapter={adapter} />
      <button onClick={onClick}>Cancel Generation</button>
    </div>
  );
}
```
