| 7 | * @returns true if viewport width is below the breakpoint |
| 8 | */ |
| 9 | export function useIsMobile(breakpoint: number = BREAKPOINTS.mobile): boolean { |
| 10 | const [isMobile, setIsMobile] = useState( |
| 11 | () => typeof window !== 'undefined' && window.innerWidth < breakpoint |
| 12 | ); |
| 13 | |
| 14 | useEffect(() => { |
| 15 | function checkMobile(): void { |
| 16 | setIsMobile(window.innerWidth < breakpoint); |
| 17 | } |
| 18 | window.addEventListener('resize', checkMobile); |
| 19 | return () => window.removeEventListener('resize', checkMobile); |
| 20 | }, [breakpoint]); |
| 21 | |
| 22 | return isMobile; |
| 23 | } |