我喜欢这个组件：

<template>
  <div>
    <p>Current coords: <strong>{{ coords }}</strong></p>
    <button type="button" @click="updateCoords">
  </div>
</template>
<script>
export default {
  props: {
    coords: {
      type: Array,
      required: true
    }
  },
  setup(props) {
    const updateCoords = () => {
      props.coords = [38.561785, -121.449756]
      // props.coords.value = [38.561785, -121.449756]
    }
    return { updateCoords }
  },
}
</script>

我尝试使用 updateCoords 方法更新 prop coords 值，但收到错误消息：

未捕获类型错误：无法设置未定义的属性（设置 '坐标'）

在我的情况下如何正确更新 props 值？