title: Detecting changes in a global object using Proxy
body: <pre><code>    const scopeHandler = {
          set: function(obj, prop, value) {
              console.log(`${prop} changed from ${obj[prop]} to ${value}`);
              obj[prop] = value;
              return true;
          }
      };
      const scopeProxy = new Proxy(window.app, scopeHandler);
  </code></pre>
  <p>So I'm trying to detect any changes whenever <code>app</code> or any of its children <code>app.reports</code> changes, but it doesn't log anything. What am I doing wrong?</p>