nexus-react-core/dist/hooks/useIsMobile.js

A comprehensive React toolkit with services, hooks, and Redux store management

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsMobile = void 0;
const react_1 = require("react");
const useIsMobile = (breakpoint = 768) => {
    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
    (0, react_1.useEffect)(() => {
        const handleResize = () => {
            if (typeof window !== "undefined") {
                setIsMobile(window.innerWidth < breakpoint);
            }
        };
        // Call it once on mount to set initial value
        handleResize();
        if (typeof window !== "undefined") {
            window.addEventListener("resize", handleResize);
            return () => window.removeEventListener("resize", handleResize);
        }
    }, [breakpoint]);
    return isMobile;
};
exports.useIsMobile = useIsMobile;
//# sourceMappingURL=useIsMobile.js.map