more-use-why-hooks

export function useWhyCallback<T extends (...args: any[]) => any>(
  callback: T,
  deps: React.DependencyList,
  name = "",
) {
  useWhyDidYouUpdate(name, deps);
  return useCallback(callback, deps);
}

export function useWhyEffect(
  callback: React.EffectCallback,
  deps: React.DependencyList,
  name = "",
) {
  useWhyDidYouUpdate(name, deps);
  return useEffect(callback, deps);
}

export function useWhyMemo<T>(
  callback: () => T,
  deps: React.DependencyList,
  name = "",
) {
  useWhyDidYouUpdate(name, deps);
  return useMemo(callback, deps);
}