useMediaQuery
Evaluates CSS media queries with useSyncExternalStore for zero layout shift.
1.4 KB
•Updated on September 3, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/hooks-browser-use-media-queryUsage
Code
import { useMediaQuery } from '@/hooks/use-media-query'
const isMobile = useMediaQuery('(max-width: 640px)')API Reference
Parameters / Props
| Parameter | Type | Default | Description |
|---|---|---|---|
query | string | required | CSS media query string. |
Return Value
| Return Type | Description |
|---|---|
boolean | True if query matches. |