rn-custom-style-sheet/src/Core/Hooks/UseDeepCompareEffect/UseDeepCompareMemoize.ts

React Native component to select a specific value from a range of values.

import React, { useRef } from 'react';

import { shallowEqualArrays } from './UseDeepCompareMemoizeUtils';

export function checkDeps(deps: React.DependencyList, name: string) {
  const reactHookName: string = `React.${name.replace(/DeepCompare/, '')}`;

  if (!deps || deps.length === 0) {
    throw new Error(
      `${name} should not be used with no dependencies. Use ${reactHookName} instead.`
    );
  }
}

export default function useDeepCompareMemoize(
  value: React.DependencyList
): React.DependencyList {
  const ref: React.MutableRefObject<React.DependencyList> =
    useRef<React.DependencyList>([]);

  if (!shallowEqualArrays(value, ref.current)) {
    ref.current = value;
  }

  return ref.current;
}