Hooks

useMediaQuery

Subscribes to a CSS media query and returns whether it currently matches.

Usage

const isMobile = useMediaQuery("(max-width: 767px)")
const prefersDark = useMediaQuery("(prefers-color-scheme: dark)")

npx visor add use-media-query

Name	Type	Required	Default	Description
`query`	`string`	Yes	--	CSS media query string (e.g. "(min-width: 768px)").

Name	Type	Description
`matches`	`boolean`	Whether the media query currently matches. SSR-safe (defaults to false).

useLocalStorage

Persists state to localStorage with SSR safety and cross-tab synchronization.

usePrevious

Returns the previous value of a variable from the last render.