Observe Object changes in Javascript

observe.js

function observe(object, onChange) {
  function buildProxy(prefix, object) {
    return new Proxy(object, {
      set(target, property, value) {
        // calling original set property value
        target[property] = value;
        
        // log the change
        // @ts-ignore
        console.log(`Property ${prefix}${property} has changed to: `, value);
        
        onChange(); // Call the callback function
        return true;
      },
      deleteProperty(target, property) {
        // deleting the property from the target
        delete target[property];

        // log the operation
        debugger;
        // @ts-ignore
        console.log(`Property ${prefix}${property} was deleted`);

        onChange(); // Call the callback function
        return true;
      },
      get(target, property) {
        // property is an index in case of array type
        if(typeof target[property] === 'object' && target[property] !== null) {
          // @ts-ignore
          return buildProxy(`${prefix}${property}.`, target[property]);
        } else {
          return target[property];  // else returns the actual value
        }
      },
    });
  }
  return buildProxy("", object);
}