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

Bắt đầu bằng cách chạy CodeSandbox được liên kết với các phiên bản plotly.js và react-plotly.js được liệt kê, sau đó tái hiện lỗi lệch vị trí bằng cách di chuột qua một điểm trong khi onHover tùy chỉnh cập nhật state. Theo dõi cách component Plot xử lý global data object, layout prop và rerender. Hoàn thành khi tooltip hiển thị chính xác và các điểm còn lại vẫn thẳng hàng sau khi state được cập nhật.