@orca-fe/hooks/lib/useWindowSize.js

React Hooks Collections

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var useWindowSize = function useWindowSize() {
  var _useState = (0, _react.useState)(window.innerWidth),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    width = _useState2[0],
    setWidth = _useState2[1];
  var _useState3 = (0, _react.useState)(window.innerHeight),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    height = _useState4[0],
    setHeight = _useState4[1];
  (0, _react.useEffect)(function () {
    var callback = function callback() {
      if (window.innerWidth !== width) {
        setWidth(window.innerWidth);
      }
      if (window.innerHeight !== height) {
        setHeight(window.innerHeight);
      }
    };
    window.addEventListener('resize', callback);
    return function () {
      window.removeEventListener('resize', callback);
    };
  }, [width, height]);
  return {
    width: width,
    height: height
  };
};
var _default = exports.default = useWindowSize;