Fluent UI: Trigger mouse hover event to show the tooltip

I want to trigger the mouse hover event on TooltipHost component from Fluent UI with out moving the mouse over the button, so I can easily debug the tooltip.

<TooltipHost
  tooltipProps={{onRenderContent: () => <div>Hello</div>}}>
  <DefaultB开发者_开发百科utton text='Hover over me'/>
</TooltipHost>

I have a code pen example below: https://codepen.io/zhuch321/pen/QWxzPrZ

I tried many posted solutions, like $("#xxx").trigger('mouseover');. But, it doesn't work. Can I get some help to trigger the tooltip without moving the mouse over the button?

Thanks!