# useMediaQuery

Media query como estado de React, via useSyncExternalStore: leitura síncrona no primeiro render, sem piscar, e segura em SSR.

- Nome no registry: `use-media-query`
- Tipo: hook
- Dependências npm: react
- Demo: https://ui.visantlabs.com/c/use-media-query
- Categorias: fundacao, hook, responsivo, ssr

## Quando usar

- Use quando: Trocar layout ou comportamento por breakpoint em React, sem piscar no primeiro render e seguro em SSR
- Evite quando: Mudança só visual por largura: resolva com media query no CSS, sem hook nem re-render

## Instalar

```bash
npx shadcn@latest add @visant/use-media-query
```