This is an example of how to render React component for Highcharts tooltip using React portals. See Chart.tsx
and Tooltip.tsx
files below. Latest Highcharts version is required for the example to work correctly (9.0.0 at the time of writting).
Codesandbox: https://codesandbox.io/s/highcharts-react-tooltip-ut1uy
First of all, thanks for the lovely gist, it works very well! Until I updated to react 18. The issue that I found was using the
StrictMode
and I assume that the problem might be coming from refs and strict mode incompatibilityI was also able to reproduce this issue in my own sandbox that I forked from the one referenced in
README.md
Not sure if anyone else stumbled upon this issue though