tb-react-live-chat-loader/module/hooks/useWindowWidth.js

Implement live chat in your react app without taking a performance hit.

import { useState, useEffect } from 'react';

const useWindowWidth = () => {
  const [windowWidth, setWindowWidth] = useState(typeof window !== 'undefined' ? window.innerWidth : 0);

  const handleResize = () => setWindowWidth(window.innerWidth);

  useEffect(() => {
    if (typeof window !== 'undefined') {
      setWindowWidth(window.innerWidth);
      window.addEventListener('resize', handleResize);
    }

    return () => {
      if (typeof window !== 'undefined') {
        window.removeEventListener('resize', handleResize);
      }
    };
  }, []);
  return windowWidth;
};

export default useWindowWidth;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VXaW5kb3dXaWR0aC50cyJdLCJuYW1lcyI6WyJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsInVzZVdpbmRvd1dpZHRoIiwid2luZG93V2lkdGgiLCJzZXRXaW5kb3dXaWR0aCIsIndpbmRvdyIsImlubmVyV2lkdGgiLCJoYW5kbGVSZXNpemUiLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsUUFBVCxFQUFtQkMsU0FBbkIsUUFBb0MsT0FBcEM7O0FBRUEsTUFBTUMsY0FBYyxHQUFHLE1BQWM7QUFDbkMsUUFBTSxDQUFDQyxXQUFELEVBQWNDLGNBQWQsSUFBZ0NKLFFBQVEsQ0FDNUMsT0FBT0ssTUFBUCxLQUFrQixXQUFsQixHQUFnQ0EsTUFBTSxDQUFDQyxVQUF2QyxHQUFvRCxDQURSLENBQTlDOztBQUlBLFFBQU1DLFlBQVksR0FBRyxNQUFNSCxjQUFjLENBQUNDLE1BQU0sQ0FBQ0MsVUFBUixDQUF6Qzs7QUFFQUwsRUFBQUEsU0FBUyxDQUFDLE1BQU07QUFDZCxRQUFJLE9BQU9JLE1BQVAsS0FBa0IsV0FBdEIsRUFBbUM7QUFDakNELE1BQUFBLGNBQWMsQ0FBQ0MsTUFBTSxDQUFDQyxVQUFSLENBQWQ7QUFDQUQsTUFBQUEsTUFBTSxDQUFDRyxnQkFBUCxDQUF3QixRQUF4QixFQUFrQ0QsWUFBbEM7QUFDRDs7QUFDRCxXQUFPLE1BQU07QUFDWCxVQUFJLE9BQU9GLE1BQVAsS0FBa0IsV0FBdEIsRUFBbUM7QUFDakNBLFFBQUFBLE1BQU0sQ0FBQ0ksbUJBQVAsQ0FBMkIsUUFBM0IsRUFBcUNGLFlBQXJDO0FBQ0Q7QUFDRixLQUpEO0FBS0QsR0FWUSxFQVVOLEVBVk0sQ0FBVDtBQVlBLFNBQU9KLFdBQVA7QUFDRCxDQXBCRDs7QUFzQkEsZUFBZUQsY0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgdXNlV2luZG93V2lkdGggPSAoKTogbnVtYmVyID0+IHtcbiAgY29uc3QgW3dpbmRvd1dpZHRoLCBzZXRXaW5kb3dXaWR0aF0gPSB1c2VTdGF0ZShcbiAgICB0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5pbm5lcldpZHRoIDogMFxuICApXG5cbiAgY29uc3QgaGFuZGxlUmVzaXplID0gKCkgPT4gc2V0V2luZG93V2lkdGgod2luZG93LmlubmVyV2lkdGgpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHNldFdpbmRvd1dpZHRoKHdpbmRvdy5pbm5lcldpZHRoKVxuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGhhbmRsZVJlc2l6ZSlcbiAgICB9XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgaGFuZGxlUmVzaXplKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW10pXG5cbiAgcmV0dXJuIHdpbmRvd1dpZHRoXG59XG5cbmV4cG9ydCBkZWZhdWx0IHVzZVdpbmRvd1dpZHRoXG4iXX0=