import { useRef } from 'react';

export default function useValueWatcher<T>(value: { [key: string]: T }) {
  const key = Object.keys(value)[0]!;
  const lastValueRef = useRef(value[key]);
  if (lastValueRef.current !== value[key]) {
    console.log('Value changed!', {
      key,
      previous: lastValueRef.current,
      current: value[key],
    });
    lastValueRef.current = value[key];
  }
}