Tooltip misaligned when using global data object, layout prop and onHover that manipulates state

The tooltip hover functionality gets messed up when the following conditions are met:

• You got your own data object which isn't reinitialized every time the plot is rendered.
• You have declared a custom onHover function
• You update state to get the component to re-render
• You have defined the layout property in the Plot component

This sandbox reproduces the error
https://codesandbox.io/s/qx5qr2m5x4

Hover one of the points in the plot. The tooltip will be shown briefly and afterwards the rest of the points will be misaligned towards the axes.

Versions used:
plotly.js 1.37.1
react-plotly.js 2.2.0

Tested on:
chrome
edge

Starte zunächst die verknüpfte CodeSandbox mit den aufgeführten plotly.js- und react-plotly.js-Versionen, und reproduziere dann die Fehlpositionierung, indem du mit der Maus über einen Punkt fährst, während der benutzerdefinierte onHover den state aktualisiert. Verfolge die Verarbeitung des global data object, des layout prop und des Rerenderings durch die Plot-Komponente. Die Aufgabe ist erledigt, wenn der Tooltip korrekt erscheint und die übrigen Punkte nach der state-Aktualisierung ausgerichtet bleiben.