feat: 🎸 add useUnmountPromise hook

src/useUnmountPromise.ts

@@ -0,0 +1,33 @@
+import { useMemo, useRef } from 'react';
+
+export type Race = <P extends Promise<any>, E = any>(promise: P, onError?: (error: E) => void) => P;
+
+const useUnmountPromise = (): Race => {
+  const refUnmounted = useRef(false);
+  useRef(() => () => {
+    refUnmounted.current = true;
+  });
+
+  const wrapper = useMemo(() => {
+    const race = <P extends Promise<any>, E>(promise: P, onError?: (error: E) => void) => {
+      const newPromise: P = new Promise((resolve, reject) => {
+        promise.then(
+          result => {
+            if (!refUnmounted.current) resolve(result);
+          },
+          error => {
+            if (!refUnmounted.current) reject(error);
+            else if (onError) onError(error);
+            else console.error('useUnmountPromise', error);
+          }
+        );
+      }) as P;
+      return newPromise;
+    };
+    return race;
+  }, []);
+
+  return wrapper;
+};
+
+export default useUnmountPromise;