opendash/src/hooks/useDeepCompareEffect.ts

open.DASH data visualization framework

// from https://github.com/kentcdodds/use-deep-compare-effect

import * as React from "react";

import { equals } from "..";

function useDeepCompareMemoize(value) {
  const ref = React.useRef();

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

  return ref.current;
}

export function useDeepCompareEffect(
  callback: React.EffectCallback,
  dependencies: React.DependencyList
): void {
  React.useEffect(callback, useDeepCompareMemoize(dependencies));
}