Uncaught TypeError: Cannot read property 'transition' of null

[ghost]

Expected Behavior

Show a Chart

Actual Behavior

Gives an Error if I'm opening the Modal (Bootstrap-Vue) with chart component SECOND time.

// Error
Uncaught TypeError: Cannot read property 'transition' of null
    at Chart.transition (Chart.js?30ef:9848)
    at Chart.draw (Chart.js?30ef:9810)
    at Chart.render (Chart.js?30ef:9782)
    at Object.callback (Chart.js?30ef:2204)
    at Object.advance (Chart.js?30ef:3528)
    at Object.startDigest (Chart.js?30ef:3501)
    at eval (Chart.js?30ef:3490)

// Line Chart component
<script>
import { Line } from "vue-chartjs";

export default {
  extends: Line,
  props: {
    chartdata: {
      type: Object,
      default: null
    },
    options: {
      type: Object,
      default: null
    }
  },
  mounted() {
    this.renderChart(this.chartdata, this.options);
  }
};
</script>

Environment

• vue.js version: 3.5.2
• vue-chart.js version: 3.5
• npm version: 6.9.0

[Borderliner]

Same. This is getting on my nerves really.

[apertureless]

Have you checked the other closed issues?
Seems to be a duplicate:

#528
#241

And its also not very helpful to just post your component without any context.
99% of the time the component itself isn't the issue. Its mostly the parent component. How you fetch data, how you pass data, show/hide the component and so on.

A runable reproduction would be helpful (codesandbox, jsfiddle, etc)