Chart initialized in unmounted component

[mpressmar]

Describe the bug

The initChart method will in some case asynchronously create a chart object (after loading chart.js/auto). If during the asynchronous process the Chart component was already unmounted, the Chart will still be created, but for a null canvas. As a consequence, a zombie Chart is created that is never cleaned up.

Context/Usage

We have a simple usage of a line chart, which is rendered for each detail of a master-detail view. That means switching the selection between the entries in the master view will each time unmount the Chart component and then create a new one with different curve data.

The mentioned issue can be provoked already with a minimal Chart as this (but also with actual configuration and data):

        <Chart
               type="line"
               data={{labels: [], datasets: []}}
               options={{}}/>

Issue

Oftentimes we see these two errors in the log while switching from one detail to the other:

Reproducer

No response

PrimeReact version

8.7.2

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[melloware]

Thank you for the detailed description and the PR!