props error

[HanSuhhi]

When i use props in my project with tag <script setup>. It works right in localhost but seems to be some mistake when I deploy it to my server. I wonder if someone can help me.

Here is the simplified code

1. I'm going to give my <user-list> a value list, and list is an array.

<user-list class="right" :list="list"></user-list>

list like this

const list = reactive([
  {
    id: "1",
    detail: {
      name: "xxx"
    }
  }
])

---

2. I use props to receive the list in the <user-list>

<script setup>
const props = defineProps({
  list: Array,
});
</script>

---

3. There are some buttons in my page using v-for like this.

<div 
  v-for="(item, index) in list"
  :key="item"
  @click="event(index)"
></div>

---

4. Something is wrong.

<script setup>
const props = defineProps({
  list: Array,
});

const event = (e) => {
  const item = props.list[e];
  console.log(item.detail)  // server: undefined // localhost: {name: "xxx"}
  console.log(item)  // server: undefind // localhost: {id:"1", detail: {name: "xxx"}}
  console.log(props)  // server: {list: 0} // localhost: {list: [{id:"1", detail: {name: "xxx"}}]}
  for (let i in item.detail) {
    ...
  }
}
</script>

---

5. Finally i use vuex to solve my problem. But i still want to know the reason.