Use Mobile

1import * as React from "react"
2 
3const MOBILE_BREAKPOINT = 768
4 
5function subscribe(onChange: () => void) {
6  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
7  mql.addEventListener("change", onChange)
8  return () => mql.removeEventListener("change", onChange)
9}
10 
11export function useIsMobile() {
12  return React.useSyncExternalStore(
13    subscribe,
14    () => window.innerWidth < MOBILE_BREAKPOINT,
15    () => false,
16  )
17}