Make useDebounceFn return fetchable

[ppaglier]

Clear and concise description of the problem

When we make a debouced method with returned values, we're not allowed to get the values, which could be usefull in some cases

const deboucedFn = useDebounceFn(() => 'value', 100);
console.log(deboucedFn()); // undefined

This will currently return undefined

Suggested solution

We can make this method return a promise with the returned values

const deboucedFn = useDebounceFn(() => 'value', 100);
console.log(deboucedFn()); // Promise<'value'>

This can return promise that will be resolve with 'value'

As example for this implementation, i've done in a project this method

function useDeboundeFnWithRet<Args extends unknown[], R>(fn: (...args: Args) => Promise<R>, time: number) {
  let timerId: NodeJS.Timeout;

  return function debounced(...args: Args) {
    if (timerId) {
      clearTimeout(timerId);
    }

    return new Promise<R>((resolve) => {
      timerId = setTimeout(() => resolve(fn(...args)), time);
    });
  };
}

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.