@onesy/ui-react 1.0.164 → 1.0.165

package/useOnline/useOnline.js

@@ -5,20 +5,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 const useOnline = () => {
-  const [online, setOnline] = _react.default.useState((0, _utils.isEnvironment)('browser') ? window.navigator.onLine : true);
-  _react.default.useEffect(() => {
-    const onOnline = () => setOnline(true);
-    const onOffline = () => setOnline(false);
-    window.addEventListener('online', onOnline);
-    window.addEventListener('offline', onOffline);
-    return () => {
-      window.removeEventListener('online', onOnline);
-      window.removeEventListener('offline', onOffline);
+  const $ = (0, _compilerRuntime.c)(2);
+  const [online, setOnline] = _react.default.useState((0, _utils.isEnvironment)("browser") ? window.navigator.onLine : true);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const onOnline = () => setOnline(true);
+      const onOffline = () => setOnline(false);
+      window.addEventListener("online", onOnline);
+      window.addEventListener("offline", onOffline);
+      return () => {
+        window.removeEventListener("online", onOnline);
+        window.removeEventListener("offline", onOffline);
+      };
     };
-  }, []);
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  _react.default.useEffect(t0, t1);
   return online;
 };
 var _default = exports.default = useOnline;

package/useOpen/useOpen.js

@@ -6,37 +6,73 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useOpen = props => {
-  const [open, setOpen] = _react.default.useState(_objectSpread({
-    open: false
-  }, props));
-  const onOpen = _react.default.useCallback(item => {
-    setOpen(_objectSpread({
-      open: true
-    }, item));
-  }, []);
-  const onClose = _react.default.useCallback(() => {
-    setOpen(previous => _objectSpread(_objectSpread({}, previous), {}, {
+  const $ = (0, _compilerRuntime.c)(9);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _objectSpread({
       open: false
-    }));
-  }, []);
-  const onToggle = _react.default.useCallback(() => {
-    setOpen(previous => _objectSpread(_objectSpread({}, previous), {}, {
-      open: !(previous !== null && previous !== void 0 && previous.open)
-    }));
-  }, []);
-  const onChange = _react.default.useCallback(value => {
-    setOpen(() => _objectSpread(_objectSpread({}, value), {}, {
-      open: (0, _utils.is)('boolean', value) ? value : !!(value !== null && value !== void 0 && value.open)
-    }));
-  }, []);
-  const result = _react.default.useMemo(() => {
-    return {
-      open: open === null || open === void 0 ? void 0 : open.open,
+    }, props);
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const [open, setOpen] = _react.default.useState(t0);
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = item => {
+      setOpen(_objectSpread({
+        open: true
+      }, item));
+    };
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onOpen = t1;
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setOpen(_temp);
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onClose = t2;
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      setOpen(_temp2);
+    };
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onToggle = t3;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = value => {
+      setOpen(() => _objectSpread(_objectSpread({}, value), {}, {
+        open: (0, _utils.is)("boolean", value) ? value : !!(value !== null && value !== void 0 && value.open)
+      }));
+    };
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const onChange = t4;
+  const t5 = open === null || open === void 0 ? void 0 : open.open;
+  let t6;
+  if ($[6] !== open || $[7] !== t5) {
+    t6 = {
+      open: t5,
       item: open,
       onOpen,
       onClose,
@@ -44,7 +80,23 @@ const useOpen = props => {
       onChange,
       setOpen
     };
-  }, [open, setOpen]);
+    $[6] = open;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const result = t6;
   return result;
 };
-var _default = exports.default = useOpen;
+var _default = exports.default = useOpen;
+function _temp(previous) {
+  return _objectSpread(_objectSpread({}, previous), {}, {
+    open: false
+  });
+}
+function _temp2(previous_0) {
+  return _objectSpread(_objectSpread({}, previous_0), {}, {
+    open: !(previous_0 !== null && previous_0 !== void 0 && previous_0.open)
+  });
+}

package/useQuery/useQuery.js

@@ -5,13 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 const useQuery = () => {
+  const $ = (0, _compilerRuntime.c)(2);
   const {
     search
   } = (0, _reactRouterDom.useLocation)();
-  const value = _react.default.useMemo(() => new URLSearchParams(search), [search]);
+  let t0;
+  if ($[0] !== search) {
+    t0 = new URLSearchParams(search);
+    $[0] = search;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const value = t0;
   return value;
 };
 useQuery.displayName = 'onesy-UseQuery';

package/useResize/useResize.js

@@ -5,23 +5,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 const useWindowWidth = () => {
-  const [windowWidth, setWindowWidth] = _react.default.useState(() => {
-    if ((0, _utils.isEnvironment)('browser')) return window.innerWidth;
-    return 0;
-  });
-  _react.default.useEffect(() => {
-    const onResize = () => {
-      setWindowWidth(window.innerWidth);
+  const $ = (0, _compilerRuntime.c)(2);
+  const [windowWidth, setWindowWidth] = _react.default.useState(_temp);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const onResize = () => {
+        setWindowWidth(window.innerWidth);
+      };
+      if ((0, _utils.isEnvironment)("browser")) {
+        setWindowWidth(window.innerWidth);
+        window.addEventListener("resize", onResize);
+        return () => window.removeEventListener("resize", onResize);
+      }
     };
-    if ((0, _utils.isEnvironment)('browser')) {
-      setWindowWidth(window.innerWidth);
-      window.addEventListener('resize', onResize);
-      return () => window.removeEventListener('resize', onResize);
-    }
-  }, []);
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  _react.default.useEffect(t0, t1);
   return windowWidth;
 };
-var _default = exports.default = useWindowWidth;
+var _default = exports.default = useWindowWidth;
+function _temp() {
+  if ((0, _utils.isEnvironment)("browser")) {
+    return window.innerWidth;
+  }
+  return 0;
+}

package/useScroll/useScroll.d.ts

@@ -1,5 +1,5 @@
-export type TUseScrollDirection = 'up' | 'down';
-export type IUseScroll = {
+export declare type TUseScrollDirection = 'up' | 'down';
+export declare type IUseScroll = {
     offset?: number;
     direction?: TUseScrollDirection;
     target?: HTMLElement | Window;

package/useScroll/useScroll.js

@@ -34,7 +34,7 @@ const useScroll = props => {
     setRoot(rootNew);
     refs.root.current = rootNew;
   }, [target, element]);
-  const method = _react.default.useCallback(() => {
+  const method = () => {
     var _refs$root$current, _refs$root$current2;
     if (!refs.root.current) return;
     const value = ((_refs$root$current = refs.root.current) === null || _refs$root$current === void 0 ? void 0 : _refs$root$current.scrollTop) !== undefined ? refs.root.current.scrollTop : (_refs$root$current2 = refs.root.current) === null || _refs$root$current2 === void 0 ? void 0 : _refs$root$current2.scrollY;
@@ -49,7 +49,7 @@ const useScroll = props => {
 
     // Previous
     refs.previous.current = value;
-  }, []);
+  };
   _react.default.useEffect(() => {
     // Add new event listener
     if (root) root.addEventListener('scroll', method);

package/useSubscription/useSubscription.js

@@ -6,33 +6,85 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useSubscription = (onesySubscription, method, value) => {
-  // an array of the value
-  // we are getting the same reference value
-  // from some of the subscriptions
-  // in order for rerender to be made
-  const [response, setResponse] = _react.default.useState([value !== undefined ? value : onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.value]);
-  _react.default.useEffect(() => {
-    if (value !== undefined) {
-      if ((0, _utils.is)('function', onesySubscription.init)) onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
-        loaded: true
-      }));
-    }
-  }, []);
-  _react.default.useEffect(() => {
-    if (!(0, _utils.is)('function', onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.subscribe)) return;
-    const subscription = onesySubscription.subscribe(async valueItem => {
-      if ((0, _utils.is)('function', method)) await method(valueItem, setResponse);else setResponse([valueItem]);
-    });
-    if (onesySubscription.value !== undefined) setResponse([onesySubscription.value]);
-    return () => {
-      if (subscription) subscription.unsubscribe();
+  const $ = (0, _compilerRuntime.c)(11);
+  const t0 = value !== undefined ? value : onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.value;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = [t0];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [response, setResponse] = _react.default.useState(t1);
+  let t2;
+  if ($[2] !== onesySubscription || $[3] !== value) {
+    t2 = () => {
+      if (value !== undefined) {
+        if ((0, _utils.is)("function", onesySubscription.init)) {
+          onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
+            loaded: true
+          }));
+        }
+      }
     };
-  }, [onesySubscription]);
+    $[2] = onesySubscription;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [];
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  _react.default.useEffect(t2, t3);
+  let t4;
+  if ($[6] !== method || $[7] !== onesySubscription) {
+    t4 = () => {
+      if (!(0, _utils.is)("function", onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.subscribe)) {
+        return;
+      }
+      const subscription = onesySubscription.subscribe(async valueItem => {
+        if ((0, _utils.is)("function", method)) {
+          await method(valueItem, setResponse);
+        } else {
+          setResponse([valueItem]);
+        }
+      });
+      if (onesySubscription.value !== undefined) {
+        setResponse([onesySubscription.value]);
+      }
+      return () => {
+        if (subscription) {
+          subscription.unsubscribe();
+        }
+      };
+    };
+    $[6] = method;
+    $[7] = onesySubscription;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== onesySubscription) {
+    t5 = [onesySubscription];
+    $[9] = onesySubscription;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  _react.default.useEffect(t4, t5);
   return response[0];
 };
 var _default = exports.default = useSubscription;

package/useSwipe/useSwipe.d.ts

@@ -1,4 +1,4 @@
-export type IOptionsUseSwipe = {
+export declare type IOptionsUseSwipe = {
     open?: boolean;
     min?: number;
     direction?: 'top' | 'left' | 'right' | 'bottom';
@@ -6,7 +6,7 @@ export type IOptionsUseSwipe = {
     flick?: boolean;
     flickTreshold?: number;
 };
-export type IResponseUseSwipe = {
+export declare type IResponseUseSwipe = {
     value?: number;
     valuePercentage?: number;
     position?: string;

package/useSwipe/useSwipe.js

@@ -30,8 +30,8 @@ const useSwipe = (element, options_ = {}) => {
   refs.options.current = options;
   refs.response.current = response;
   refs.touch.current = touch;
-  const onTouchStart = _react.default.useCallback(event => setTouch(event), []);
-  const getMinMax = _react.default.useCallback(() => {
+  const onTouchStart = event => setTouch(event);
+  const getMinMax = () => {
     let min;
     let max;
     const optionsMin = refs.options.current.min || 0;
@@ -55,12 +55,12 @@ const useSwipe = (element, options_ = {}) => {
       min,
       max
     };
-  }, []);
-  const onTouchEnd = _react.default.useCallback(() => {
+  };
+  const onTouchEnd = () => {
     const newResponse = _objectSpread({}, refs.response.current);
     const {
-      min,
-      max
+      min: min_0,
+      max: max_0
     } = getMinMax();
     let isFlick = false;
     if (refs.options.current.flick) {
@@ -68,21 +68,21 @@ const useSwipe = (element, options_ = {}) => {
       const flick = now - refs.previousMouseMove.current <= refs.options.current.flickTreshold && newResponse.valuePercentage < 100;
       if (flick) isFlick = true;
     }
-    newResponse.value = ['left', 'top'].includes(refs.options.current.direction) && (newResponse.valuePercentage < 50 || isFlick) || ['right', 'bottom'].includes(refs.options.current.direction) && newResponse.valuePercentage > 50 && !isFlick ? min : max;
+    newResponse.value = ['left', 'top'].includes(refs.options.current.direction) && (newResponse.valuePercentage < 50 || isFlick) || ['right', 'bottom'].includes(refs.options.current.direction) && newResponse.valuePercentage > 50 && !isFlick ? min_0 : max_0;
     newResponse.position = newResponse.valuePercentage < 50 || isFlick ? 'min' : 'max';
-    newResponse.min = min;
-    newResponse.max = max;
+    newResponse.min = min_0;
+    newResponse.max = max_0;
     newResponse.flick = isFlick;
     refs.previous.current = undefined;
     setTouch(false);
     setResponse(newResponse);
-  }, [response]);
-  const onTouchMove = _react.default.useCallback(event => {
-    const newResponse = _objectSpread({}, refs.response.current);
+  };
+  const onTouchMove = event_0 => {
+    const newResponse_0 = _objectSpread({}, refs.response.current);
     const {
       clientX: x_,
       clientY: y_
-    } = event.touches[0];
+    } = event_0.touches[0];
     const {
       clientX: pX,
       clientY: pY
@@ -99,8 +99,8 @@ const useSwipe = (element, options_ = {}) => {
     // value
     let value_;
     const {
-      min,
-      max
+      min: min_1,
+      max: max_1
     } = getMinMax();
     if (refs.options.current.direction === 'top') {
       value_ = top - y;
@@ -114,27 +114,27 @@ const useSwipe = (element, options_ = {}) => {
     if (refs.options.current.direction === 'bottom') {
       value_ = height - (window.innerHeight - top) - y;
     }
-    newResponse.min = min;
-    newResponse.max = max;
-    newResponse.value = (0, _utils.clamp)(value_, min, max);
-    newResponse.valuePercentage = (0, _utils.percentageFromValueWithinRange)(newResponse.value, min, max);
-    if (['bottom', 'right'].includes(refs.options.current.direction)) newResponse.valuePercentage = 100 - newResponse.valuePercentage;
+    newResponse_0.min = min_1;
+    newResponse_0.max = max_1;
+    newResponse_0.value = (0, _utils.clamp)(value_, min_1, max_1);
+    newResponse_0.valuePercentage = (0, _utils.percentageFromValueWithinRange)(newResponse_0.value, min_1, max_1);
+    if (['bottom', 'right'].includes(refs.options.current.direction)) newResponse_0.valuePercentage = 100 - newResponse_0.valuePercentage;
 
     // Only value move at touchmove
-    newResponse.position = undefined;
+    newResponse_0.position = undefined;
 
     // previous mouse move
     refs.previousMouseMove.current = new Date().getTime();
-    setResponse(newResponse);
-  }, [element, response]);
+    setResponse(newResponse_0);
+  };
   _react.default.useEffect(() => {
-    const onTouchMoveMethod = event => {
+    const onTouchMoveMethod = event_1 => {
       // Workaround for proper element for touchmove
-      if (refs.options.current.open && refs.previous.current && (refs.options.current.touchAnywhere || refs.touch.current || element.contains(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY)))) {
+      if (refs.options.current.open && refs.previous.current && (refs.options.current.touchAnywhere || refs.touch.current || element.contains(document.elementFromPoint(event_1.touches[0].clientX, event_1.touches[0].clientY)))) {
         if (!refs.touch.current) setTouch(true);
-        onTouchMove(event);
+        onTouchMove(event_1);
       }
-      refs.previous.current = event;
+      refs.previous.current = event_1;
     };
     if (element) {
       refs.element.current = element;
@@ -153,9 +153,9 @@ const useSwipe = (element, options_ = {}) => {
     return () => {
       // Remove previous event listeners
       if (element) element.removeEventListener('touchstart', onTouchStart);
-      const rootDocument = (element === null || element === void 0 ? void 0 : element.ownerDocument) || window.document;
-      rootDocument.removeEventListener('touchend', onTouchEnd);
-      rootDocument.removeEventListener('touchmove', onTouchMoveMethod);
+      const rootDocument_0 = (element === null || element === void 0 ? void 0 : element.ownerDocument) || window.document;
+      rootDocument_0.removeEventListener('touchend', onTouchEnd);
+      rootDocument_0.removeEventListener('touchmove', onTouchMoveMethod);
     };
   }, [element]);
   return response;

package/useTabs/useTabs.js

@@ -5,20 +5,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 const useTabs = props => {
-  const [tab, setTab] = _react.default.useState((0, _utils.is)('string', props) ? props : props === null || props === void 0 ? void 0 : props.tab);
-  const onChange = _react.default.useCallback(item => {
-    setTab(item);
-  }, []);
-  const result = _react.default.useMemo(() => {
-    return {
+  const $ = (0, _compilerRuntime.c)(3);
+  const [tab, setTab] = _react.default.useState((0, _utils.is)("string", props) ? props : props === null || props === void 0 ? void 0 : props.tab);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = item => {
+      setTab(item);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] !== tab) {
+    t1 = {
       value: tab,
       onChange,
       setTab
     };
-  }, [tab]);
+    $[1] = tab;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const result = t1;
   return result;
 };
 var _default = exports.default = useTabs;

package/useVisible/useVisible.d.ts

@@ -1,8 +1,8 @@
-export type IUseVisibleResponse = IntersectionObserverEntry & {
+export declare type IUseVisibleResponse = IntersectionObserverEntry & {
     visible?: boolean;
     percentage?: number;
 };
-export type IUseVisible = {
+export declare type IUseVisible = {
     element: HTMLElement;
     visibleDefault?: boolean;
     options?: IntersectionObserverInit;

package/useVisible/useVisible.js

@@ -44,7 +44,7 @@ const useVisible = props => {
     setRoot(rootNew);
     refs.root.current = rootNew;
   }, [element]);
-  const method = _react.default.useCallback(entries => {
+  const method = entries => {
     entries.forEach(entry => {
       const properties = ['boundingClientRect', 'intersectionRatio', 'intersectionRect', 'isIntersecting', 'isVisible', 'rootBounds', 'target', 'time'];
       const responseNew = {
@@ -66,11 +66,11 @@ const useVisible = props => {
         var _refs$styles$current, _refs$styles$current2;
         const visibleStyles = ((_refs$styles$current = refs.styles.current) === null || _refs$styles$current === void 0 ? void 0 : _refs$styles$current.in) || {};
         const notVisibleStyles = ((_refs$styles$current2 = refs.styles.current) === null || _refs$styles$current2 === void 0 ? void 0 : _refs$styles$current2.out) || {};
-        if (responseNew.visible) Object.keys(visibleStyles).forEach(item => target.style[item] = visibleStyles[item]);else Object.keys(notVisibleStyles).forEach(item => target.style[item] = notVisibleStyles[item]);
+        if (responseNew.visible) Object.keys(visibleStyles).forEach(item => target.style[item] = visibleStyles[item]);else Object.keys(notVisibleStyles).forEach(item_0 => target.style[item_0] = notVisibleStyles[item_0]);
       }
       setResponse(responseNew);
     });
-  }, []);
+  };
   _react.default.useEffect(() => {
     if (!((0, _utils.isEnvironment)('browser') && 'IntersectionObserver' in window)) return;