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

Commencez par exécuter le CodeSandbox lié avec les versions indiquées de plotly.js et react-plotly.js, puis reproduisez le désalignement en survolant un point pendant que le onHover personnalisé met à jour le state. Suivez la gestion du global data object, du layout prop et du rerender par le composant Plot. C’est terminé lorsque le tooltip s’affiche correctement et que les autres points restent alignés après la mise à jour du state.