UNPKG

stone-kit

Version:
15 lines (14 loc) 472 B
import { useState as d, useCallback as u, useEffect as i } from "react"; const l = () => { const [e, n] = d(0), t = u(() => { n(window.innerWidth); }, [n]); i(() => (window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), []), i(() => { t(); }, []); const r = e < 1024, s = e > 1023 && e < 1440, o = e >= 1440; return { currentClientWidth: e, isMobile: r, isTablet: s, isDesktop: o }; }; export { l as useClientWidth };