# useComposedHandlers
> Composes multiple event handlers into a single handler function.

Combines multiple event handlers into a single function that calls them all in sequence. Undefined handlers are safely skipped, making it ideal for merging internal and user-provided event handlers.

## Import

```js
import { useComposedHandlers } from '@volue/wave-react';
```

## Example

```jsx
() => {
  const handler1 = () => console.log('Handler 1 called');
  const handler2 = () => console.log('Handler 2 called');
  const composed = useComposedHandlers(handler1, handler2);

  return <Button onClick={composed}>{'Click me (check console)'}</Button>;
};
```

---

## API reference

### Arguments

| Name          | Type                            | Default | Description                                                                          | Required |
| ------------- | ------------------------------- | ------- | ------------------------------------------------------------------------------------ | -------- |
| `...handlers` | `(EventHandler \| undefined)[]` | `—`     | Variable number of event handlers to compose. Undefined handlers are safely skipped. |          |

### Returns

`EventHandler` — A referentially stable event handler that invokes all provided handlers in sequence when called.