Build a recursive proxy for any provided object

recursiveProxy.js

function createProxyHandler() {
  const handler = {
    get(target, prop, receiver) {
      console.log('get>', target, prop, receiver)

      if (prop === '_isProxy') {
        return true
      }

      const value = Reflect.get(target, prop, receiver)

      if (typeof value === "object" && value !== null && !value._isProxy) {
        return new Proxy(value, createProxyHandler())
      }

      return value
    },
    set(target, prop, value, receiver) {
      console.log('set>', target, prop, value, receiver)
      return Reflect.set(target, prop, value, receiver)
    }
  }
  return handler
}

const y = new Proxy({
  a: 10,
  b: {
    c: [1, 2, 3],
    d: { e: ["a", "b", { f: 200, g: { h: Symbol.for("brate") } }] },
  },
}, createProxyHandler())