useMemoDeps.ts

import { useMemo } from 'react';

export function useMemoDeps<R, D1, D2, D3, D4, D5, D6, D7, D8>(
  factory: (...deps: [D1, D2, D3, D4, D5, D6, D7, D8]) => R,
  deps: [D1, D2, D3, D4, D5, D6, D7, D8]
): R;
export function useMemoDeps<R, D1, D2, D3, D4, D5, D6, D7>(
  factory: (...deps: [D1, D2, D3, D4, D5, D6, D7]) => R,
  deps: [D1, D2, D3, D4, D5, D6, D7]
): R;
export function useMemoDeps<R, D1, D2, D3, D4, D5, D6>(
  factory: (...deps: [D1, D2, D3, D4, D5, D6]) => R,
  deps: [D1, D2, D3, D4, D5, D6]
): R;
export function useMemoDeps<R, D1, D2, D3, D4, D5>(
  factory: (...deps: [D1, D2, D3, D4, D5]) => R,
  deps: [D1, D2, D3, D4, D5]
): R;
export function useMemoDeps<R, D1, D2, D3, D4>(factory: (...deps: [D1, D2, D3, D4]) => R, deps: [D1, D2, D3, D4]): R;
export function useMemoDeps<R, D1, D2, D3>(factory: (...deps: [D1, D2, D3]) => R, deps: [D1, D2, D3]): R;
export function useMemoDeps<R, D1, D2>(factory: (...deps: [D1, D2]) => R, deps: [D1, D2]): R;
export function useMemoDeps<R, D1>(factory: (...deps: [D1]) => R, deps: [D1]): R;
export function useMemoDeps<R, D>(factory: (...deps: D[]) => R, deps: D[]): R {
  return useMemo(() => factory(...deps), deps);
}