Custom React hook for deep memoization of values with a configurable equality function using useRef.

useDeepMemo.tsx

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

export function useDeepMemo<TValue>(
    value: TValue,
    isEqualFn: (a: TValue, b: TValue) => boolean = isEqual
): TValue {
    const ref = useRef<TValue>(value);

    // Update ref if the value has changed
    if (!isEqualFn(ref.current, value)) {
        ref.current = value;
    }

    // Return the memoized value
    return ref.current;
}