import { useCallback } from 'react';

import { useDeepCompare } from './useMemoComponent';

interface UseDeepCallback<TParameters, TReturn, TMemoProps> {
  callback: (props: TParameters) => TReturn;
  deps: Array<TMemoProps>;
}

export const useDeepCallback = <TParameters, TReturn, TMemoProps>({
  deps,
  callback
}: UseDeepCallback<TParameters, TReturn, TMemoProps>): ((
  props: TParameters
) => TReturn) =>
  useCallback((props) => callback(props), [...useDeepCompare(deps), callback]);