Component not updating with v-model

Below why, when data gets updated, does the component doesn’t update the same in the table
(using this component → https://github.com/killkli/vue3_jspreadsheet)

<template>

<div @click="onclick">

  <VueJSpreadsheet v-model="data" />

  {{data}}

</div>

</template>

<script>

import VueJSpreadsheet from 'vue3_jspreadsheet';

import {ref} from 'vue';

export default {

  components: {

    VueJSpreadsheet

  },

  setup() {

    const data = ref([

      [123,42,4124,"test"],

      [4,525,124,"geg"],

      [4241,"24",32]

    ]);

    return {data};

  },

methods: {

  onclick() {

    this.data=[[1,2,3,4],[5,6,7,8],[9,10,11,12]];

  }

},

}

</script>