20 lines
497 B
TypeScript
20 lines
497 B
TypeScript
import * as React from "react"
|
|
|
|
const MOBILE_BREAKPOINT = 768
|
|
|
|
function subscribe(callback: () => void) {
|
|
const mediaQuery = window.matchMedia(
|
|
`(max-width: ${MOBILE_BREAKPOINT - 1}px)`
|
|
)
|
|
mediaQuery.addEventListener("change", callback)
|
|
return () => mediaQuery.removeEventListener("change", callback)
|
|
}
|
|
|
|
function getSnapshot() {
|
|
return window.innerWidth < MOBILE_BREAKPOINT
|
|
}
|
|
|
|
export function useIsMobile() {
|
|
return React.useSyncExternalStore(subscribe, getSnapshot, () => false)
|
|
}
|