vue3 ref, address element if objectarray in ref

[151e]

I keep my table data in an array of objects in a ref variable. everything works fine until I want to send a put with only one object/table row as data. If I address it with tdata.value[i] I get a Proxy object. Using toRaw on this gets me the data I want.
Is there a better way to do this?
Here is an example to explain what I mean:
const reftest = ref([]);
reftest.value = [ { id: 1, name: 'casa', desc: 'ro' }, { id: 2, name: 'cpnum', desc: 'ro' }, { id: 3, name: 'wurst', desc: 'slot'} ];
console.log ("reftest.value.length: ", reftest.value.length); // 3
console.log ("reftest.value[1].name: ", reftest.value[1].name); // cpnum
console.log ("reftest.value[1]: ", reftest.value[1]); // Proxy { : {…}, : {…} }
console.log ("toRaw(reftest.value[1]): ", toRaw(reftest.value[1])); // Object { id: 2, name: "cpnum", desc: "ro" }

[Shyam-Chen]

https://vuejs.org/guide/best-practices/performance#reduce-reactivity-overhead-for-large-immutable-structures

[LinusBorg]

The proxy is the reactive version of the original object. Usually, you can use the proxy for anything you would use the original object for. That's what proxies are for.

Is there a specific reason why you would need the non-original version of the data?

[151e]

Looks like it is the log output that shows the proxy data when using 'reftest.value[1]', that confused me here.
What I am doing is updating a table row via axios:
axios.put('url', reftest.value[1]);
and here I am receiving what I need:
{"id":2,"name":"cpnum","desc":"ro"}
so thats ok with me then.
thanxs