Compass/web/hooks/use-effect-check-equality.ts

import { isEqual } from 'lodash'
import { EffectCallback, useEffect, useRef } from 'react'

export const useEffectCheckEquality = (fn: EffectCallback, deps: any[]) => {
  const depsRef = useRef<any[] | undefined>(undefined)

  if (!depsRef.current || !isEqual(deps, depsRef.current)) {
    depsRef.current = deps
  }

  useEffect(fn, depsRef.current)
}