Vue 3 incompatibility

[Irev-Dev]

I'm experiencing the exact (all the steps including the edits are the same) same issue as this stack overflow post

https://stackoverflow.com/questions/68560025/unexpected-error-when-attempting-to-update-chart-data-in-chart-js-in-a-vue-app

Chart.js had been working fine for me with Vue2, but I have been upgrading the our app to Vue3 so I'm guessing that's the main culprit.

I understand this strictly speaking isn't a Chart.js issue, but if anyone has an advice as to what might be a work around or how to debug that would be appreciated.

I'll post here when/if I figure something out.

[ivanjaros]

try https://github.com/victorgarciaesgi/vue-chart-3

[kurkle]

For anyone still searching for solution, the official fix (when using composition-api) is using shallowRef. Found the fix by working on vue-chart-3

import { shallowRef } from 'vue';

const chartInstance = shallowRef(new Chart(...))

#8970 (comment)