@oneplatformdev/hooks 0.0.1-beta.7 → 0.1.1-1

package/useDebounceCallback/index.mjs

@@ -1,5 +0,0 @@
-import { useDebounceCallback as l, useDebounceCallback as u } from "./useDebounceCallback.mjs";
-export {
-  l as default,
-  u as useDebounceCallback
-};

package/useDebounceCallback/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useDebounceCallback/useDebounceCallback.d.ts

@@ -1,61 +0,0 @@
-/** Configuration options for controlling the behavior of the debounced function. */
-type DebounceOptions = {
-    /**
-     * Determines whether the function should be invoked on the leading edge of the timeout.
-     * @default false
-     */
-    leading?: boolean;
-    /**
-     * Determines whether the function should be invoked on the trailing edge of the timeout.
-     * @default false
-     */
-    trailing?: boolean;
-    /**
-     * The maximum time the specified function is allowed to be delayed before it is invoked.
-     */
-    maxWait?: number;
-};
-/** Functions to manage a debounced callback. */
-type ControlFunctions = {
-    /** Cancels pending function invocations. */
-    cancel: () => void;
-    /** Immediately invokes pending function invocations. */
-    flush: () => void;
-    /**
-     * Checks if there are any pending function invocations.
-     * @returns `true` if there are pending invocations, otherwise `false`.
-     */
-    isPending: () => boolean;
-};
-/**
- * Represents the state and control functions of a debounced callback.
- * Subsequent calls to the debounced function return the result of the last invocation.
- * Note: If there are no previous invocations, the result will be undefined.
- * Ensure proper handling in your code.
- */
-export type DebouncedState<T extends (...args: any) => ReturnType<T>> = ((...args: Parameters<T>) => ReturnType<T> | undefined) & ControlFunctions;
-/**
- * Custom hook that creates a debounced version of a callback function.
- * @template T - Type of the original callback function.
- * @param {T} func - The callback function to be debounced.
- * @param {number} delay - The delay in milliseconds before the callback is invoked (default is `500` milliseconds).
- * @param {DebounceOptions} [options] - Options to control the behavior of the debounced function.
- * @returns {DebouncedState<T>} A debounced version of the original callback along with control functions.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-debounce-callback)
- * @example
- * ```tsx
- * const debouncedCallback = useDebounceCallback(
- *   (searchTerm) => {
- *     // Perform search after user stops typing for 500 milliseconds
- *     searchApi(searchTerm);
- *   },
- *   500
- * );
- *
- * // Later in the component
- * debouncedCallback('react hooks'); // Will invoke the callback after 500 milliseconds of inactivity.
- * ```
- */
-export declare function useDebounceCallback<T extends (...args: any) => ReturnType<T>>(func: T, delay?: number, options?: DebounceOptions): DebouncedState<T>;
-export {};

package/useDebounceCallback/useDebounceCallback.mjs

@@ -1,101 +0,0 @@
-import { useRef as _, useMemo as $, useEffect as N } from "react";
-import { useUnmount as P } from "../useUnmount/useUnmount.mjs";
-var g = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function R(e) {
-  return e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var W = "Expected a function", E = NaN, w = "[object Symbol]", A = /^\s+|\s+$/g, B = /^[-+]0x[0-9a-f]+$/i, D = /^0b[01]+$/i, G = /^0o[0-7]+$/i, U = parseInt, H = typeof g == "object" && g && g.Object === Object && g, X = typeof self == "object" && self && self.Object === Object && self, q = H || X || Function("return this")(), z = Object.prototype, J = z.toString, K = Math.max, Q = Math.min, T = function() {
-  return q.Date.now();
-};
-function V(e, n, r) {
-  var o, a, u, f, i, s, d = 0, v = !1, l = !1, p = !0;
-  if (typeof e != "function")
-    throw new TypeError(W);
-  n = S(n) || 0, h(r) && (v = !!r.leading, l = "maxWait" in r, u = l ? K(S(r.maxWait) || 0, n) : u, p = "trailing" in r ? !!r.trailing : p);
-  function y(t) {
-    var c = o, b = a;
-    return o = a = void 0, d = t, f = e.apply(b, c), f;
-  }
-  function F(t) {
-    return d = t, i = setTimeout(m, n), v ? y(t) : f;
-  }
-  function C(t) {
-    var c = t - s, b = t - d, x = n - c;
-    return l ? Q(x, u - b) : x;
-  }
-  function O(t) {
-    var c = t - s, b = t - d;
-    return s === void 0 || c >= n || c < 0 || l && b >= u;
-  }
-  function m() {
-    var t = T();
-    if (O(t))
-      return I(t);
-    i = setTimeout(m, C(t));
-  }
-  function I(t) {
-    return i = void 0, p && o ? y(t) : (o = a = void 0, f);
-  }
-  function M() {
-    i !== void 0 && clearTimeout(i), d = 0, o = s = a = i = void 0;
-  }
-  function L() {
-    return i === void 0 ? f : I(T());
-  }
-  function j() {
-    var t = T(), c = O(t);
-    if (o = arguments, a = this, s = t, c) {
-      if (i === void 0)
-        return F(s);
-      if (l)
-        return i = setTimeout(m, n), y(s);
-    }
-    return i === void 0 && (i = setTimeout(m, n)), f;
-  }
-  return j.cancel = M, j.flush = L, j;
-}
-function h(e) {
-  var n = typeof e;
-  return !!e && (n == "object" || n == "function");
-}
-function Y(e) {
-  return !!e && typeof e == "object";
-}
-function Z(e) {
-  return typeof e == "symbol" || Y(e) && J.call(e) == w;
-}
-function S(e) {
-  if (typeof e == "number")
-    return e;
-  if (Z(e))
-    return E;
-  if (h(e)) {
-    var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = h(n) ? n + "" : n;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = e.replace(A, "");
-  var r = D.test(e);
-  return r || G.test(e) ? U(e.slice(2), r ? 2 : 8) : B.test(e) ? E : +e;
-}
-var ee = V;
-const k = /* @__PURE__ */ R(ee);
-function re(e, n = 500, r) {
-  const o = _(null);
-  P(() => {
-    o.current && o.current.cancel();
-  });
-  const a = $(() => {
-    const u = k(e, n, r), f = (...i) => u(...i);
-    return f.cancel = () => {
-      u.cancel();
-    }, f.isPending = () => !!o.current, f.flush = () => u.flush(), f;
-  }, [e, n, r]);
-  return N(() => {
-    o.current = k(e, n, r);
-  }, [e, n, r]), a;
-}
-export {
-  re as useDebounceCallback
-};

package/useDebounceValue/index.d.ts

@@ -1 +0,0 @@
-export * from './useDebounceValue';

package/useDebounceValue/index.mjs

@@ -1,4 +0,0 @@
-import { useDebounceValue as u } from "./useDebounceValue.mjs";
-export {
-  u as useDebounceValue
-};

package/useDebounceValue/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useDebounceValue/useDebounceValue.d.ts

@@ -1,40 +0,0 @@
-import { DebouncedState } from '../useDebounceCallback';
-
-/**
- * Hook options.
- * @template T - The type of the value.
- */
-type UseDebounceValueOptions<T> = {
-    /**
-     * Determines whether the function should be invoked on the leading edge of the timeout.
-     * @default false
-     */
-    leading?: boolean;
-    /**
-     * Determines whether the function should be invoked on the trailing edge of the timeout.
-     * @default false
-     */
-    trailing?: boolean;
-    /**
-     * The maximum time the specified function is allowed to be delayed before it is invoked.
-     */
-    maxWait?: number;
-    /** A function to determine if the value has changed. Defaults to a function that checks if the value is strictly equal to the previous value. */
-    equalityFn?: (left: T, right: T) => boolean;
-};
-/**
- * Custom hook that returns a debounced version of the provided value, along with a function to update it.
- * @template T - The type of the value.
- * @param {T | (() => T)} initialValue - The value to be debounced.
- * @param {number} delay - The delay in milliseconds before the value is updated (default is 500ms).
- * @param {object} [options] - Optional configurations for the debouncing behavior.
- * @returns {[T, DebouncedState<(value: T) => void>]} An array containing the debounced value and the function to update it.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-debounce-value)
- * @example
- * ```tsx
- * const [debouncedValue, updateDebouncedValue] = useDebounceValue(inputValue, 500, { leading: true });
- * ```
- */
-export declare function useDebounceValue<T>(initialValue: T | (() => T), delay: number, options?: UseDebounceValueOptions<T>): [T, DebouncedState<(value: T) => void>];
-export {};

package/useDebounceValue/useDebounceValue.mjs

@@ -1,13 +0,0 @@
-import { useState as d, useRef as l } from "react";
-import { useDebounceCallback as m } from "../useDebounceCallback/useDebounceCallback.mjs";
-function p(c, t, u) {
-  const a = (u == null ? void 0 : u.equalityFn) ?? ((s, b) => s === b), e = c instanceof Function ? c() : c, [o, f] = d(e), n = l(e), r = m(
-    f,
-    t,
-    u
-  );
-  return a(n.current, e) || (r(e), n.current = e), [o, r];
-}
-export {
-  p as useDebounceValue
-};

package/useDocumentTitle/index.d.ts

@@ -1 +0,0 @@
-export * from './useDocumentTitle';

package/useDocumentTitle/index.mjs

@@ -1,4 +0,0 @@
-import { useDocumentTitle as t } from "./useDocumentTitle.mjs";
-export {
-  t as useDocumentTitle
-};

package/useDocumentTitle/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useDocumentTitle/useDocumentTitle.d.ts

@@ -1,18 +0,0 @@
-/** Hook options. */
-type UseDocumentTitleOptions = {
-    /** Whether to keep the title after unmounting the component (default is `true`). */
-    preserveTitleOnUnmount?: boolean;
-};
-/**
- * Custom hook that sets the document title.
- * @param {string} title - The title to set.
- * @param {?UseDocumentTitleOptions} [options] - The options.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-document-title)
- * @example
- * ```tsx
- * useDocumentTitle('My new title');
- * ```
- */
-export declare function useDocumentTitle(title: string, options?: UseDocumentTitleOptions): void;
-export {};

package/useDocumentTitle/useDocumentTitle.mjs

@@ -1,16 +0,0 @@
-import { useRef as r } from "react";
-import { useIsomorphicLayoutEffect as o } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useUnmount as i } from "../useUnmount/useUnmount.mjs";
-function l(e, n = {}) {
-  const { preserveTitleOnUnmount: u = !0 } = n, t = r(null);
-  o(() => {
-    t.current = window.document.title;
-  }, []), o(() => {
-    window.document.title = e;
-  }, [e]), i(() => {
-    !u && t.current && (window.document.title = t.current);
-  });
-}
-export {
-  l as useDocumentTitle
-};

package/useEventCallback/index.d.ts

@@ -1 +0,0 @@
-export * from './useEventCallback';

package/useEventCallback/index.mjs

@@ -1,4 +0,0 @@
-import { useEventCallback as l } from "./useEventCallback.mjs";
-export {
-  l as useEventCallback
-};

package/useEventCallback/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useEventCallback/useEventCallback.d.ts

@@ -1,17 +0,0 @@
-/**
- * Custom hook that creates a memoized event callback.
- * @template Args - An array of argument types for the event callback.
- * @template R - The return type of the event callback.
- * @param {(...args: Args) => R} fn - The callback function.
- * @returns {(...args: Args) => R} A memoized event callback function.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-event-callback)
- * @example
- * ```tsx
- * const handleClick = useEventCallback((event) => {
- *   // Handle the event here
- * });
- * ```
- */
-export declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
-export declare function useEventCallback<Args extends unknown[], R>(fn: ((...args: Args) => R) | undefined): ((...args: Args) => R) | undefined;

package/useEventCallback/useEventCallback.mjs

@@ -1,16 +0,0 @@
-import { useRef as o, useCallback as a } from "react";
-import { useIsomorphicLayoutEffect as c } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-function i(e) {
-  const r = o(() => {
-    throw new Error("Cannot call an event handler while rendering.");
-  });
-  return c(() => {
-    r.current = e;
-  }, [e]), a((...t) => {
-    var n;
-    return (n = r.current) == null ? void 0 : n.call(r, ...t);
-  }, [r]);
-}
-export {
-  i as useEventCallback
-};

package/useEventListener/index.d.ts

@@ -1 +0,0 @@
-export * from './useEventListener';

package/useEventListener/index.mjs

@@ -1,4 +0,0 @@
-import { useEventListener as t } from "./useEventListener.mjs";
-export {
-  t as useEventListener
-};

package/useEventListener/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useEventListener/useEventListener.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-
-declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element: RefObject<MediaQueryList>, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof HTMLElementEventMap & keyof SVGElementEventMap, T extends Element = K extends keyof HTMLElementEventMap ? HTMLDivElement : SVGElement>(eventName: K, handler: ((event: HTMLElementEventMap[K]) => void) | ((event: SVGElementEventMap[K]) => void), element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
-export { useEventListener };

package/useEventListener/useEventListener.mjs

@@ -1,20 +0,0 @@
-import { useRef as f, useEffect as i } from "react";
-import { useIsomorphicLayoutEffect as E } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-function v(s, e, r, n) {
-  const u = f(e);
-  E(() => {
-    u.current = e;
-  }, [e]), i(() => {
-    const t = (r == null ? void 0 : r.current) ?? window;
-    if (!(t && t.addEventListener)) return;
-    const c = (o) => {
-      u.current(o);
-    };
-    return t.addEventListener(s, c, n), () => {
-      t.removeEventListener(s, c, n);
-    };
-  }, [s, r, n]);
-}
-export {
-  v as useEventListener
-};

package/useHover/index.d.ts

@@ -1 +0,0 @@
-export * from './useHover';

package/useHover/index.mjs

@@ -1,4 +0,0 @@
-import { useHover as r } from "./useHover.mjs";
-export {
-  r as useHover
-};

package/useHover/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useHover/useHover.d.ts

@@ -1,17 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * Custom hook that tracks whether a DOM element is being hovered over.
- * @template T - The type of the DOM element. Defaults to `HTMLElement`.
- * @param {RefObject<T>} elementRef - The ref object for the DOM element to track.
- * @returns {boolean} A boolean value indicating whether the element is being hovered over.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-hover)
- * @example
- * ```tsx
- * const buttonRef = useRef<HTMLButtonElement>(null);
- * const isHovered = useHover(buttonRef);
- * // Access the isHovered variable to determine if the button is being hovered over.
- * ```
- */
-export declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;

package/useHover/useHover.mjs

@@ -1,13 +0,0 @@
-import { useState as n } from "react";
-import { useEventListener as o } from "../useEventListener/useEventListener.mjs";
-function m(e) {
-  const [s, t] = n(!1), r = () => {
-    t(!0);
-  }, u = () => {
-    t(!1);
-  };
-  return o("mouseenter", r, e), o("mouseleave", u, e), s;
-}
-export {
-  m as useHover
-};

package/useIntersectionObserver/index.d.ts

@@ -1 +0,0 @@
-export * from './useIntersectionObserver';

package/useIntersectionObserver/index.mjs

@@ -1,4 +0,0 @@
-import { useIntersectionObserver as o } from "./useIntersectionObserver.mjs";
-export {
-  o as useIntersectionObserver
-};

package/useIntersectionObserver/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useIntersectionObserver/useIntersectionObserver.d.ts

@@ -1,71 +0,0 @@
-/** Represents the options for configuring the Intersection Observer. */
-type UseIntersectionObserverOptions = {
-    /**
-     * The element that is used as the viewport for checking visibility of the target.
-     * @default null
-     */
-    root?: Element | Document | null;
-    /**
-     * A margin around the root.
-     * @default '0%'
-     */
-    rootMargin?: string;
-    /**
-     * A threshold indicating the percentage of the target's visibility needed to trigger the callback.
-     * @default 0
-     */
-    threshold?: number | number[];
-    /**
-     * If true, freezes the intersection state once the element becomes visible.
-     * @default false
-     */
-    freezeOnceVisible?: boolean;
-    /**
-     * A callback function to be invoked when the intersection state changes.
-     * @param {boolean} isIntersecting - A boolean indicating if the element is intersecting.
-     * @param {IntersectionObserverEntry} entry - The intersection observer Entry.
-     * @default undefined
-     */
-    onChange?: (isIntersecting: boolean, entry: IntersectionObserverEntry) => void;
-    /**
-     * The initial state of the intersection.
-     * @default false
-     */
-    initialIsIntersecting?: boolean;
-};
-/**
- * The return type of the useIntersectionObserver hook.
- *
- * Supports both tuple and object destructing.
- * @param {(node: Element | null) => void} ref - The ref callback function.
- * @param {boolean} isIntersecting - A boolean indicating if the element is intersecting.
- * @param {IntersectionObserverEntry | undefined} entry - The intersection observer Entry.
- */
-type IntersectionReturn = [
-    (node?: Element | null) => void,
-    boolean,
-    IntersectionObserverEntry | undefined
-] & {
-    ref: (node?: Element | null) => void;
-    isIntersecting: boolean;
-    entry?: IntersectionObserverEntry;
-};
-/**
- * Custom hook that tracks the intersection of a DOM element with its containing element or the viewport using the [`Intersection Observer API`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
- * @param {UseIntersectionObserverOptions} options - The options for the Intersection Observer.
- * @returns {IntersectionReturn} The ref callback, a boolean indicating if the element is intersecting, and the intersection observer entry.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-intersection-observer)
- * @example
- * ```tsx
- * // Example 1
- * const [ref, isIntersecting, entry] = useIntersectionObserver({ threshold: 0.5 });
- * ```
- *
- * ```tsx
- * // Example 2
- * const { ref, isIntersecting, entry } = useIntersectionObserver({ threshold: 0.5 });
- * ```
- */
-export declare function useIntersectionObserver({ threshold, root, rootMargin, freezeOnceVisible, initialIsIntersecting, onChange, }?: UseIntersectionObserverOptions): IntersectionReturn;
-export {};

package/useIntersectionObserver/useIntersectionObserver.mjs

@@ -1,55 +0,0 @@
-import { useState as v, useRef as I, useEffect as R } from "react";
-function E({
-  threshold: f = 0,
-  root: a = null,
-  rootMargin: l = "0%",
-  freezeOnceVisible: s = !1,
-  initialIsIntersecting: u = !1,
-  onChange: b
-} = {}) {
-  var g;
-  const [n, m] = v(null), [t, d] = v(() => ({
-    isIntersecting: u,
-    entry: void 0
-  })), i = I(null);
-  i.current = b;
-  const c = ((g = t.entry) == null ? void 0 : g.isIntersecting) && s;
-  R(() => {
-    if (!n || !("IntersectionObserver" in window) || c) return;
-    const e = new IntersectionObserver(
-      (p) => {
-        const w = Array.isArray(e.thresholds) ? e.thresholds : [e.thresholds];
-        p.forEach((o) => {
-          const h = o.isIntersecting && w.some((S) => o.intersectionRatio >= S);
-          d({ isIntersecting: h, entry: o }), i.current && i.current(h, o);
-        });
-      },
-      { threshold: f, root: a, rootMargin: l }
-    );
-    return e.observe(n), () => {
-      e.disconnect();
-    };
-  }, [
-    n,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    JSON.stringify(f),
-    a,
-    l,
-    c,
-    s
-  ]);
-  const y = I(null);
-  R(() => {
-    var e;
-    !n && ((e = t.entry) != null && e.target) && !s && !c && y.current !== t.entry.target && (y.current = t.entry.target, d({ isIntersecting: u, entry: void 0 }));
-  }, [n, t.entry, s, c, u]);
-  const r = [
-    m,
-    !!t.isIntersecting,
-    t.entry
-  ];
-  return r.ref = r[0], r.isIntersecting = r[1], r.entry = r[2], r;
-}
-export {
-  E as useIntersectionObserver
-};

package/useInterval/index.d.ts

@@ -1 +0,0 @@
-export * from './useInterval';

package/useInterval/index.mjs

@@ -1,4 +0,0 @@
-import { useInterval as o } from "./useInterval.mjs";
-export {
-  o as useInterval
-};

package/useInterval/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/useInterval/useInterval.d.ts

@@ -1,15 +0,0 @@
-/**
- * Custom hook that creates an interval that invokes a callback function at a specified delay using the [`setInterval API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
- * @param {() => void} callback - The function to be invoked at each interval.
- * @param {number | null} delay - The time, in milliseconds, between each invocation of the callback. Use `null` to clear the interval.
- * @public
- * @see [Documentation](https://usehooks-ts.com/react-hook/use-interval)
- * @example
- * ```tsx
- * const handleInterval = () => {
- *   // Code to be executed at each interval
- * };
- * useInterval(handleInterval, 1000);
- * ```
- */
-export declare function useInterval(callback: () => void, delay: number | null): void;