use-lock-fn

1import { useCallback, useRef } from 'react'
2 
3export function useLockFn<P extends any[] = any[], V = any>(
4  fn: (...args: P) => Promise<V>,
5) {
6  const lockRef = useRef(false)
7 
8  return useCallback(
9    async (...args: P) => {
10      if (lockRef.current) {
11        return
12      }
13 
14      lockRef.current = true
15 
16      try {
17        return await fn(...args)
18      } finally {
19        lockRef.current = false
20      }
21    },
22    [fn],
23  )
24}