@sky-mavis/tanto-widget/dist/mjs/hooks/useIsMobileView.mjs

Tanto Widget

import {useState,useEffect}from'react';import {isMobile}from'../utils/index.mjs';const MOBILE_BREAKPOINT = 576;
function useIsMobileView() {
  const [mobile, setMobile] = useState(isMobile());
  useEffect(() => {
    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
    const onChange = () => {
      setMobile(window.innerWidth < MOBILE_BREAKPOINT);
    };
    mql.addEventListener('change', onChange);
    setMobile(window.innerWidth < MOBILE_BREAKPOINT);
    return () => mql.removeEventListener('change', onChange);
  }, []);
  return !!mobile;
}export{useIsMobileView};