         className: 'hidden'
         div
           className: 'js-tooltip-achievement--content tooltip-achievement__main'
-          ref: 'tooltip'
+          ref: @tooltip
           div
             className: 'tooltip-achievement__badge'
             div


    options =
      overwrite: false
      content: content
      position:
        my: 'bottom center'
        at: 'top center'

    modifiers: []


  constructor: (props) ->
    super props

    @tooltip = React.createRef()

  render: =>
    @tooltipId = "#{@props.achievement.slug}-#{Math.floor(Math.random() * 1000000)}"

