init

packages/sdk/src/hooks/index.ts

@@ -0,0 +1,42 @@
+import { useCallback, useEffect, useRef } from 'react';
+
+type AutoUpdateOptions<TReturn> = {
+  interval: number;
+  action: () => Promise<TReturn>;
+  callback?: (next: TReturn, prev?: TReturn) => void;
+};
+const useAutoUpdate = <T>(
+  { interval, action, callback = () => {} }: AutoUpdateOptions<T>,
+  deps: any[],
+) => {
+  const prev = useRef<T>();
+  const actionWithCallback = useCallback(action, [...deps]);
+  const callbackWithCallback = useCallback(callback, [...deps]);
+
+  const update = useCallback(async () => {
+    const next = await actionWithCallback();
+    callbackWithCallback(next, prev.current);
+    prev.current = next;
+  }, [actionWithCallback, callbackWithCallback]);
+
+  useEffect(() => {
+    let intervalId: NodeJS.Timeout;
+
+    const update = async () => {
+      const next = await actionWithCallback();
+      callbackWithCallback(next, prev.current);
+      prev.current = next;
+      intervalId = setTimeout(update, interval);
+    };
+
+    update();
+
+    return () => {
+      clearTimeout(intervalId);
+    };
+  }, [interval, actionWithCallback, callbackWithCallback]);
+
+  return update;
+};
+
+export { useAutoUpdate };