# @primereact/hooks

> Hooks for PrimeReact components.

Latest version **11.1.0** (published 2026-08-05) · SEE LICENSE IN LICENSE.md license · 0 weekly downloads

## Install

```sh
npm install @primereact/hooks
pnpm add @primereact/hooks
yarn add @primereact/hooks
bun add @primereact/hooks
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 11.1.0 |
| Published | 2026-08-05 |
| First published | 2025-06-30 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN LICENSE.md |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 114.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | PrimeTek Informatics |
| Maintainers | mert.sincan, cagatay.civici |

## Links

- npm: https://www.npmjs.com/package/@primereact/hooks
- Homepage: https://primereact.dev
- Issues: https://support.primeui.dev
- npm.io page: https://npm.io/package/@primereact/hooks

## Dependencies (1)

- [@primeuix/utils](https://npm.io/package/@primeuix/utils.md) ^0.8.0

## Recent versions

- 11.1.0 (latest) — 2026-08-05
- 11.0.0 — 2026-07-15
- 11.0.0-rc.4 — 2026-07-15
- 11.0.0-rc.3 — 2026-07-15
- 11.0.0-rc.2 — 2026-07-08
- 11.0.0-rc.1 — 2026-06-28
- 11.0.0-alpha.10 — 2026-02-11
- 11.0.0-alpha.9 — 2025-12-18
- 11.0.0-alpha.8 — 2025-12-01
- 11.0.0-alpha.7 — 2025-10-16
- 11.0.0-alpha.6 — 2025-10-06
- 11.0.0-alpha.5 — 2025-08-28
- 11.0.0-alpha.4 — 2025-07-31
- 11.0.0-alpha.3 — 2025-07-24
- 11.0.0-alpha.2 — 2025-07-14
- … 1 more at https://npm.io/package/@primereact/hooks/versions

## README

[![Cover](https://fqjltiegiezfetthbags.supabase.co/storage/v1/object/public/common.images/npm/primereact-npm.jpg)](https://primereact.dev)

# @primereact/hooks

General-purpose React hooks: filtering, input masking, hotkeys, local storage, media queries, lifecycle effects and more. These are the utilities PrimeReact is built on, published standalone for use in any React project.

No provider, no theme, no CSS.

```bash
npm install @primereact/hooks
```

## Usage

Each hook has its own kebab-case subpath. The root entry re-exports all of them.

```tsx
import { useFilter } from '@primereact/hooks/use-filter';

interface Customer {
    id: number;
    name: string;
    country: string;
}

export function CustomerList({ customers, query }: { customers: Customer[]; query: string }) {
    const { filteredData } = useFilter<Customer>({ data: customers, field: 'name', value: query });

    return (
        <ul>
            {filteredData.map((customer) => (
                <li key={customer.id}>{customer.name}</li>
            ))}
        </ul>
    );
}
```

Anything that touches the DOM is marked `'use client'` internally, so server components can import these hooks without extra setup.

Component hooks such as `useSelect` or `useDataTable` are not part of this package; they live in [`@primereact/headless`](https://www.npmjs.com/package/@primereact/headless).

## Documentation

- [Introduction](https://primereact.dev/docs/hooks/gettingstarted/introduction)
- [Hooks](https://primereact.dev/docs/hooks/use-filter)
- [MCP server](https://www.npmjs.com/package/@primereact/mcp)

## License

Licensed under the [PrimeUI License](https://primeui.dev/licenses) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)

---
_Source: https://npm.io/package/@primereact/hooks · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._