const person = {
    name: "Julia",
    age: 30
}

const personProxy = new Proxy(person, {
    get: (obj, prop) => {
        console.log(`The value of ${prop} is ${Reflect.get(obj, prop)}`)
    },
    set: (obj, prop, value) => {
        console.log(`Changed ${prop} to ${value}`)
        return Reflect.set(obj, prop, value)
    }
})

export const usePreviousPersistent = <TValue extends unknown>(
  value: TValue
) => {
  const ref = useRef<{ value: TValue; prev: TValue | null }>({
    value: value,
    prev: null
  });

  const current = ref.current.value;

  if (!isEqual(value, current)) {
    ref.current = {
      value: value,
      prev: current
    };
  }

  return ref.current.prev;
};