@bouko/react 2.3.9 → 2.4.0

package/dist/hooks/clock/interval.d.ts

@@ -1 +1,8 @@
-export default function useInterval(action: () => Promise<boolean | void>, delay: number, deps?: unknown[]): void;
+declare type Props = {
+    action: () => Promise<boolean | void>;
+    duration: number;
+    deps: unknown[];
+    oops?: (x: string) => void;
+};
+export default function useInterval({ action, duration, deps, oops }: Props): void;
+export {};

package/dist/hooks/clock/interval.js

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useRef } from "react";
-export default function useInterval(action, delay, deps = []) {
+export default function useInterval({ action, duration, deps = [], oops }) {
     const ref = useRef(async () => false);
     useEffect(() => {
         ref.current = action;
@@ -9,12 +9,17 @@ export default function useInterval(action, delay, deps = []) {
         if (deps.some(v => v === undefined || v === null))
             return;
         const tick = async () => {
-            const stop = await ref.current();
-            if (stop && id)
-                clearInterval(id);
+            try {
+                const stop = await ref.current();
+                if (stop && id)
+                    clearInterval(id);
+            }
+            catch (err) {
+                oops?.(err.message);
+            }
         };
-        const id = setInterval(tick, delay);
+        const id = setInterval(tick, duration);
         tick();
         return () => clearInterval(id);
-    }, [delay, ...deps]);
+    }, [duration, ...deps]);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.3.9",
+  "version": "2.4.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",