Nuxt3:リアクティブなオブジェクト配列に追加する方法

実現したいこと

Nuxt3での質問です。
以下のコードのように、push()を行うと、既存のNoの値も更新されてしまいます。

vue3

1const arr = ref([{No: "1"},{No: "2"}]) 2arr.value.push({No: "99"}) 3 4console.log(arr.value) // ([{No: "99"},{No: "99"},{No: "99"}]

既存のNoの値は変更しないようにするにはどうしたらよいでしょうか。
お手数をおかけしますが、ご回答お願いいたします。