1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
export function useMounted() {
const mountedRef = useRef(false);
const isMounted = useCallback(() => mountedRef.current, []);
useEffect(() => {
mountedRef.current = true;
return () => {
mountedRef.current = false;
};
}, []);
return isMounted;
}
export function useCombinedRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T> {
return useCallback((element: T | null) => refs.forEach((ref) => assignToRef(element, ref)), []);
}
export function assignToRef<T>(element: T | null, ref?: React.Ref<T>) {
if (typeof ref === 'function') {
ref(element);
} else if (ref && element) {
(ref as React.MutableRefObject<T>).current = element;
}
}
export function useAsyncEffect(
effect: () => Promise<void | (() => void | Promise<void>)>,
dependencies: unknown[],
): void {
const isMounted = useMounted();
useEffect(() => {
const promise = effect();
return () => {
void promise.then((destructor) => {
if (isMounted() && destructor) {
return destructor();
}
});
};
}, dependencies);
}
export function useBoolean(initialValue: boolean) {
const [value, setValue] = useState(initialValue);
const setTrue = useCallback(() => setValue(true), []);
const setFalse = useCallback(() => setValue(false), []);
const toggle = useCallback(() => setValue((value) => !value), []);
return [value, setTrue, setFalse, toggle] as const;
}
|
