# useClickOutside
URL: /docs/web/hooks/use-click-outside

useClickOutside hook.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/hooks-use-click-outside
```

## Usage

```tsx
import { useClickOutside } from '@docyrus/ui/hooks/use-click-outside';

function MyComponent() {
  const result = useClickOutside(..., () => {}, 'mousedown');
}
```

## API Reference

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `ref` | `RefObject<T \| null> \| RefObject<T \| null>[]` | `—` | — |
| `handler` | `(event: Event) => void` | `—` | — |
| `eventType` | `EventType` | `'mousedown'` | — |

**Returns:** `void`