stone-kit
Version:
uikit for redesign
15 lines (14 loc) • 472 B
JavaScript
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
};