Vue3 数组添加数据的时候如何取消响应式？

请教一个 vue3 的问题

<script setup>
import { ref,reactive,toRaw } from 'vue'

const msg = ref('Hello World!')
const form = reactive({
  name: '',
  items: [],
})
let formItem = reactive({
  id: 0,
  intro: ''
})
const onAdditem = ()=>{
 // form.items.push(formItem)
  form.items.push(toRaw(formItem))
  //form.items.push({
  // id:0,
   //intro: ''
  //})
}
</script>

<template>

  <button @click="onAdditem">
    add
  </button>
  <div v-for="(item,index) in form.items" :key="index">
    <br>
    <input v-model="item.id"><br>
    <input v-model="item.intro"><br>
  </div>
</template>

play.vuejs.org

执行onAdditem方法时好像不能使用之前定义的 formItem,要不然添加数组里面的数据好像都是指向同一条 item 数据