29 lines
599 B
TypeScript
29 lines
599 B
TypeScript
"use client"
|
|
|
|
import { useState, useEffect } from "react"
|
|
|
|
const MOBILE_MAX_WIDTH = 768 // Adjust as needed
|
|
|
|
export function useMobile() {
|
|
const [isMobile, setIsMobile] = useState(false)
|
|
|
|
useEffect(() => {
|
|
const checkScreenSize = () => {
|
|
setIsMobile(window.innerWidth <= MOBILE_MAX_WIDTH)
|
|
}
|
|
|
|
// Initial check
|
|
checkScreenSize()
|
|
|
|
// Subscribe to the window resize event
|
|
window.addEventListener("resize", checkScreenSize)
|
|
|
|
// Unsubscribe on unmount
|
|
return () => {
|
|
window.removeEventListener("resize", checkScreenSize)
|
|
}
|
|
}, [])
|
|
|
|
return isMobile
|
|
}
|