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
@galangel, in case of
outside: true
the tooltip is hidden due to:However, this is needed for the tooltip to be clickable. Unfortunately, I can't suggest any solution if you need both
outside: true
and clickable tooltip.