jobiqo-cl/lib/es/src/hooks/useIsMobile.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

import { useState, useEffect } from 'react';

/**
 * @file index.tsx
 *
 * @fileoverview Help determine if the user is in mobile using matchmedia.
 */
const useIsMobile = theme => {
    const isClient = typeof window === 'object';
    const [isMobile, setIsMobile] = useState(true);
    function getIsMobile() {
        if (isClient && window.matchMedia(`(max-width: ${theme.breakpoints[0]})`).matches) {
            setIsMobile(true);
        }
        else {
            setIsMobile(false);
        }
    }
    useEffect(() => {
        getIsMobile();
        window.addEventListener('resize', handleResize);
        return () => window.removeEventListener('resize', handleResize);
    }, []);
    function handleResize() {
        getIsMobile();
    }
    return isMobile;
};

export { useIsMobile };