Michael TelatynskiandGitHub
b51c5ed8a7
* Remove stale max-len disablements * Remove stale camelCase & naming-convention disablements * Remove stale ban-ts-comment disablements * Remove stale no-var disablements * Remove stale no-empty-property disablements * Remove stale react rule disablements * Remove stale no-constant-condition disablements * Remove stale no-unused-vars disablements * Remove stale disablements for disabled rules * fixup camelcase * Remove dead code * Tidy code * Tweak oxlint config
41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2023 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { type DependencyList, useCallback, useEffect, useState } from "react";
|
|
|
|
type Fn<T> = () => Promise<T>;
|
|
|
|
/**
|
|
* Works just like useMemo or our own useAsyncMemo, but additionally exposes a method to refresh the cached value
|
|
* as if the dependency had changed
|
|
* @param fn function to memoize
|
|
* @param deps React hooks dependencies for the function
|
|
* @param initialValue initial value
|
|
* @returns tuple of cached value and refresh callback
|
|
*/
|
|
export function useAsyncRefreshMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue: T): [T, () => void];
|
|
export function useAsyncRefreshMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue?: T): [T | undefined, () => void];
|
|
export function useAsyncRefreshMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue?: T): [T | undefined, () => void] {
|
|
const [value, setValue] = useState<T | undefined>(initialValue);
|
|
const refresh = useCallback(() => {
|
|
let discard = false;
|
|
fn()
|
|
.then((v) => {
|
|
if (!discard) {
|
|
setValue(v);
|
|
}
|
|
})
|
|
.catch((err) => console.error(err));
|
|
return () => {
|
|
discard = true;
|
|
};
|
|
}, deps); // eslint-disable-line react-hooks/exhaustive-deps
|
|
useEffect(refresh, [refresh]);
|
|
return [value, refresh];
|
|
}
|