Use Media Query

Open-code aq-ui React hook for Use Media Query.

Installation

pnpm dlx aq-ui@alpha add use-media-query

Client module

Import the parts you need, then jump to an export for its contract.

"use client"

import { useMediaQuery } from "@/hooks/use-media-query"

Open-code aq-ui React hook for Use Media Query.

function useMediaQuery(query: string, { defaultValue = false }: UseMediaQueryOptions = {}): boolean

Name	Type	Default
`query`	`string`	`—`
`options?`	`UseMediaQueryOptions`	`{}`

Type contract for UseMediaQueryOptions.

interface UseMediaQueryOptions

Name	Type	Default
`defaultValue?`	`boolean`	`false`