@anton.bobrov/react-vevet-hooks/lib/esm/hooks/useIsMobile.js

A collection of custom React hooks designed to seamlessly integrate with the `Vevet` library

import { useEffect, useState } from 'react';
import { vevet } from 'vevet';
/**
 * Custom React hook that determines if the current device is mobile.
 *
 * This hook uses the `vevet` library to check if the viewport
 * corresponds to a mobile device. It initializes the state as `null`
 * until the check is performed, after which it updates the state
 * to either `true` or `false` based on the result.
 *
 * @example
 * const MyComponent = () => {
 *   const isMobile = useIsMobile();
 *
 *   return (
 *     <div>
 *       {isMobile === null
 *         ? 'Checking device type...'
 *         : isMobile
 *         ? 'You are using a mobile device.'
 *         : 'You are using a desktop device.'}
 *     </div>
 *   );
 * };
 */
export function useIsMobile() {
    var _a = useState(null), isMobile = _a[0], setIsMobile = _a[1];
    useEffect(function () { return setIsMobile(vevet.isMobile); }, []);
    return isMobile;
}
//# sourceMappingURL=useIsMobile.js.map