14 lines
447 B
TypeScript
14 lines
447 B
TypeScript
import { useSyncExternalStore } from "react"
|
|
|
|
export function useMediaQuery(query: string, defaultValue = false): boolean {
|
|
return useSyncExternalStore(
|
|
(callback) => {
|
|
const mql = window.matchMedia(query)
|
|
mql.addEventListener("change", callback)
|
|
return () => mql.removeEventListener("change", callback)
|
|
},
|
|
() => window.matchMedia(query).matches,
|
|
() => defaultValue,
|
|
)
|
|
}
|