Estoy usando Vue3 donde muchos de los objetos son objetos Proxy para reactividad. Quiero crear una copia profunda de uno de los objetos proxy y recientemente descubrí un clon estructurado.

https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

Cuando ejecuto el siguiente código, aparece un error al realizar un clon estructurado en proxyObj:

 const obj = { name: "Steve", age: 50 } const handler = {} const proxyObj = new Proxy(obj, {}) console.log(proxyObj) const objCopy = structuredClone(obj) console.log(objCopy) const proxyObjCopy = structuredClone(proxyObj) console.log(objCopy)

DOMException no detectada: no se pudo ejecutar 'structuredClone' en 'Ventana': # no se pudo clonar.

¿Hay alguna manera de clonar el objeto proxy? ¿Hay alguna manera de eliminar la referencia primero, copiarlo y no perder la reactividad? ¡Cualquier ayuda es apreciada!