Doughnut chart has an active element when hovering out

### Expected behavior

When the user hover out the Doughnut Chart, should not have an active element

### Current behavior

When the user hover out the Doughnut Chart, sometimes has an active element

### Reproducible sample

https://codepen.io/SabryChan/pen/zYePPzO?editors=1111

### Optional extra steps/info to reproduce

Take a look to the console log and hover in and out and notice that sometimes when it hovers out, the active element is not empty but has the active element from the previous hover

### Possible solution

Probably it has to do with the event listeners

### Context

I am also using react-chartjs-2 library version `4.3.1`

### chart.js version

3.9.1

### Browser name and version

_No response_

### Link to your project

_No response_