use v-for rendering a shallowReactive array, array item incorrectly converted to a reactive object

[yinhangfeng]

Vue version

3.5.3

Link to minimal reproduction

https://play.vuejs.org/#eNp9UsFOAjEQ/ZVJL0CCoNETggkaDnpQg94oh2aZXYq7bdN2V8hm/91pcREM4dJ03sy8efPamk2NGVQlshEbu8RK48GhLw3kQmUTzrzj7IErWRhtPdTg1iLP9fccReJlhX2wmPZBuhaABlKrC+gQZ+eeK64SrRyRnvZNrRU7mPyHuwuuAOpwAAghRoG+26HbTafXD3BD57JHxOPhXi6Jo8BjYXLhkSKAQwTVVaotbSEJAanOqqD96t+JfmdQpxCqBzQzzmvGwxPyum7LzpEtrpehk9qCwqNG1icryYpUZoON04r8jkM5S3RhZI72zXhJVnE2ag3gLA54iZi3JUYHYs8ak68z+MZtA8bZu0WHtkLODjkvbIZ+n559vOKW7odkoVdlTtUXknN0Oi+Dxn3ZY6lWJPuoLqp9jj9FquzTzbYelWuXCkLbFwzV9EGeLqz+J/d2cBf7uGpY8wOZsunG

Steps to reproduce

vue 3.5 renderList BUG

<script setup lang="ts">
import { shallowReactive, ref, isReactive } from 'vue';

const shallowReactiveArray = shallowReactive([
  {
    aaa: ref('aaa1'),
  },
]);
</script>

<template>
  <template v-for="item in shallowReactiveArray">{{
    typeof item.aaa
  }}</template>
  {{ typeof shallowReactiveArray[0].aaa }}
</template>

What is expected?

result is "object object"

What is actually happening?

result is "string object"

System Info

System:
    OS: macOS 14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 407.94 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.16.0 - ~/.nvm/versions/node/v20.16.0/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v20.16.0/bin/yarn
    npm: 10.8.2 - ~/.nvm/versions/node/v20.16.0/bin/npm
    pnpm: 8.15.9 - ~/.nvm/versions/node/v20.16.0/bin/pnpm
  Browsers:
    Chrome: 128.0.6613.120
    Edge: 128.0.2739.67
    Safari: 17.6

Any additional comments?

No response