Monitor changes in media query state.
media query
true if media query matches, false otherwise
Check if the screen is at a mobile breakpoint.
import { useMediaQuery } from "@trashpanda001/helpers/react"function Component() { const isMobile = useMediaQuery("(max-width: 600px)") return <div>{isMobile ? "Mobile" : "Desktop"}</div>} Copy
import { useMediaQuery } from "@trashpanda001/helpers/react"function Component() { const isMobile = useMediaQuery("(max-width: 600px)") return <div>{isMobile ? "Mobile" : "Desktop"}</div>}
Monitor changes in media query state.