Detect deps change in React

useDetectDepsChange.js

export default function useDetectDepsChange(deps) {
  const prevDeps = useRef([]);

  deps.forEach((value, index) => {
    if (prevDeps.current[index] !== value) {
      console.log('Dep changed', { index, dep, prevDep: prevDeps.current[index] });
    }
  });

  prevDeps.current = [...deps];
}