dify/web/app/components/workflow/hooks/use-serial-async-callback.ts
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

22 lines
616 B
TypeScript

import { useCallback, useRef } from 'react'
export const useSerialAsyncCallback = <Args extends any[], Result = void>(
fn: (...args: Args) => Promise<Result> | Result,
shouldSkip?: () => boolean,
) => {
const queueRef = useRef<Promise<unknown>>(Promise.resolve())
return useCallback(
(...args: Args) => {
if (shouldSkip?.()) return Promise.resolve(undefined as Result)
const lastPromise = queueRef.current.catch(() => undefined)
const nextPromise = lastPromise.then(() => fn(...args))
queueRef.current = nextPromise
return nextPromise
},
[fn, shouldSkip],
)
}