Helper hook to memoize params for deep comparison in useEffect

useDeepCompareMemoize.ts

import { isEqual } from 'lodash';
import { useRef } from 'react';

/**
 * usage:
 * `useEffect(() => { ... }, [useDeepCompareMemoize(param)]);`
 */
export default function useDeepCompareMemoize<T>(value: T) {
  const ref = useRef<T>();

  if (!isEqual(value, ref.current)) ref.current = value;

  return ref.current;
}