Cannot read property '_rehover'

I’m leveraging react-plotly for a project and getting the following error,

Error while plotting: TypeError: Cannot read property '_rehover' of undefined
    at push../node_modules/plotly.js/src/plots/plots.js.plots.rehover (plots.js:2814)
    at Object.push../node_modules/plotly.js/src/lib/index.js.lib.syncOrAsync (index.js:413)
    at continueAsync (index.js:408)

That line of code is:

plots.rehover = function (gd) {
  if (gd._fullLayout._rehover) {
    gd._fullLayout._rehover();
  }
};

I’m not sure if this is a react-plotly.js or regular plotly.js issue, since the code it’s erroring on is regular plotly.js code. It seems that plots.rehover is being called after the plot has been unmounted (that is purge has already been called).

Am I doing something wrong?

[etpinard]

I’m not sure how this can happen (a reproducible example could help 😏 ), but it would be easy to add an additional safe-guard in rehover:

plots.rehover = function (gd) {
  var fullLayout = gd._fullLayout;
  if(fullLayout && fullLayout._rehover) {
    fullLayout._rehover();
  }
};

[gonzofish]

Ok, so it absolutely (as per usual) was my code causing this to happen, so it might not be worth the effort.

In my code an async request to the server updates a Redux state which updates a parent component of my react-plotly component. At the same time, though, it starts unmounting everything to change pages, so as plotly is trying to re-render, I’m destroying everything. I suppose by the time the _rehover function tries to be executed (as a result of the re-render), Plotly has probably purged the graph div of all its Plotly attributes (as a result of the unmounting).