react-carousel-query/dist/hooks/useRerenderOnWindowResize.js

A infinite carousel component made with react that handles the pagination for you.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const useRerenderOnWindowResize = () => {
  // Force component to re render. We don't need the window size
  // value, just that component re renders.
  const [, forceUpdate] = _react.default.useReducer(x => x + 1, 0);
  _react.default.useLayoutEffect(() => {
    window.addEventListener('resize', () => {
      forceUpdate();
    });
    return () => window.removeEventListener('resize', forceUpdate);
  }, []);
  return forceUpdate;
};
var _default = exports.default = useRerenderOnWindowResize;