Tooltip stops working when passing ref to overlay

[gndelia]

I have an overlay, say

const overlay = <div>content</div>

if I use it as-is, it works

<Tooltip
  overlay={overlay}
  trigger={['hover']}
>
  <span>Hover me!</span>
</Tooltip>

However, if passing a ref to the overlay, it stops working (overlay does not render)

// assuming overlay comes as a variable prop from somewhere else
const ref = useRef(null)
<Tooltip
  overlay={<div ref={ref}>{overlay}</div>}
  trigger={['hover']}
>
  <span>Hover me!</span>
</Tooltip>

This is a simplification of the issue I'm currently having. Just removing the ref like this

// assuming overlay comes as a variable prop from somewhere else
<Tooltip
  overlay={<div>{overlay}</div>}
  trigger={['hover']}
>
  <span>Hover me!</span>
</Tooltip>

works

[gndelia]

I think I can close this issue. The problem was that there was an event that was fired once the overlay was rendering, that was forcing the tooltip to disable. It was related to facebook/react#20636 and facebook/react#20863 - I wasn't expecting the events to be fired at the same moment they were rendering, so that's why I thought it was a problem on the tooltip. Closing!