How to use jquery-ui.tooltip in React.js 0.8.0?

Question

JavaScript

Code in CoffeeScript.
When hovering over a link, "text in tooltip" permanently appears in the upper left corner of the screen.
How to make popup tooltip work?

TooltipText = React.createClass
  componentDidMount: ->
    $(@refs.data.getDOMNode()).tooltip()

  componentWillUpdate: ->
    $(@refs.data.getDOMNode()).tooltip()

  render: ->
    a({href: "#", 'data-toggle': "tooltip",  'data-placement': "top", ref: "data", title: "text in tooltip"}, ["text example"])