Function: useMediaQuery()

@arolariu/components

---

@arolariu/components / useMediaQuery

Function: useMediaQuery()

useMediaQuery(query): boolean

Defined in: hooks/useMediaQuery.tsx:17

Subscribes to a CSS media query and returns whether it currently matches. SSR-safe — returns false on the server until hydration.

Parameters

query

string

A valid CSS media query string (e.g. "(min-width: 768px)").

Returns

boolean

true when the media query matches, false otherwise.

Example

const isWide = useMediaQuery("(min-width: 1024px)");