【报Bug】组件使用v-for渲染作用域插槽，在数据切换后渲染的内容与数据不一致

示例代码：

//组件代码  
<template>  
    <view>  
        <template :key="item[props.listKey] || index" v-for="(item, index) in props.dataList">  
            <slot :record="item" :index="index"></slot>  
        </template>  
    </view>  
</template>  

<script setup>  
    const props = defineProps({  
        listKey: String,  
        dataList: Array  
    })  
</script>  

<style></style>

//复现问题的代码  
<template>  
    <view class="content">  

        <TestList :dataList="list" listKey="id" v-slot="{ record }">  
            <view class="itemA" :style="{color:record.color}">  
                <span>{{record.label}}</span>  
                <span>{{record.text}}</span>  
                <view >{{record.color}}</view>  
            </view>  
        </TestList>  

        <view class="btn">  
            <button @click="changeList('init')">还原数据</button>  
            <button @click="changeList('change')">改变数据</button>  
        </view>  

    </view>  
</template>  

<script setup>  
    import { ref } from 'vue'  

    const initData = [  
        { id: 'id1', label: '111', color: 'black', text: '第一项（黑色）' },  
        { id: 'id2', label: '222', color: 'black', text: '第二项（黑色）' },  
        { id: 'id3', label: '333', color: 'pink', text: '第三项（粉色）' },  
        { id: 'id4', label: '444', color: 'gray', text: '第四项（灰色s）' },  
    ]  

    const changeData = [  
        { id: 'id2', label: '222', color: 'black', text: '第二项（黑色）' },  
        { id: 'id1', label: '111', color: 'blue', text: '第一项（蓝色）' },  
        { id: 'id4', label: '444', color: 'green', text: '第四项（绿色s）' },  
        { id: 'id5', label: '555', color: 'red', text: '第五项（红色）' },  
    ]  

    const list = ref(initData)  

    const changeList = (type) => {  
        if (type === 'init') {  
            list.value = initData  
        } else {  
            list.value = changeData  
        }  
    }  
</script>  

<style>  
    .content {  
        display: flex;  
        flex-direction: column;  
        align-items: center;  
        justify-content: center;  
        height: 100vh;  
    }  

    .itemA{  
        padding: 10rpx;  
        border: 1rpx solid #cccccc;  
        margin: 10rpx;  
    }  

    .btn {  
        width: 100%;  
        display: flex;  
        justify-content: space-between;  
        margin-top: 40rpx;  
    }  
</style>

操作步骤：

按示例代码即可复现

预期结果：

在初始化渲染完成后，点击改变数据，应该正确渲染出 changeData 所对应的数据内容

实际结果：

点击改变数据后， changeData 中的 id='id4' 的这项数据没有渲染出来，且渲染的顺序与数据不一致