Запрос Vue.js GET для fastAPI обновляет данные, но не компонент (Jspreadsheet)

Question

пытаюсь обновить компонент Vuejs3 jspreadsheet-ce (отличная библиотека js) с помощью запроса fastpi. Компонент Vue не обновляется, тогда как данные обновляются правильно.

Извлечение FastAPI main.py:

      @app.get("/rr/")
async def create_rr():
    return {"data" : [[1,1,5.25], [2,1,5.26], [3,1,5.27],[3,1,5.27],[3,1,5.27]]}

App.vue

      <template>
  <VueJSpreadsheet v-model="dataTable" :options="myOption" id="table" />
  data check {{ dataTable }}
</template>

    <script>
    import VueJSpreadsheet from "vue3_jspreadsheet";
    import { ref } from "vue";
    
    export default {
      components: {
        VueJSpreadsheet,
      },
      data() {
        const dataTable = ref([[1], [2], [3]]);
    
        return {
          dataTable,
        };
      },
      created: async function () {
        const rrResponse = await fetch("http://localhost:8000/rr");
        const rrObject = await rrResponse.json();
        this.dataTable = ref(rrObject.data);
        console.log(this.dataTable);
      },
    };
    </script>

{{dataTable}} обновляется правильно, но не я не понимаю почему