use-custom-compare-effect

1import { useEffect, useRef } from 'react'
2import type { DependencyList, EffectCallback } from 'react'
3 
4export function useCustomCompareEffect<T extends DependencyList>(
5  effect: EffectCallback,
6  deps: T,
7  customCompare: (a: T, b: T) => boolean,
8) {
9  const ref = useRef<T>(deps)
10 
11  if (!ref.current || !customCompare(ref.current, deps)) {
12    ref.current = deps
13  }
14 
15  useEffect(effect, ref.current)
16}