How to use the @instructure/ui-dom-utils.handleMouseOverOut.bind function in @instructure/ui-dom-utils

super(props)

    this.state = {
      placement: props.placement,
      offsetX: props.offsetX,
      offsetY: props.offsetY
    }

    if (typeof props.isShowingContent === 'undefined' && typeof props.show === 'undefined') {
      this.state.isShowingContent = props.defaultIsShowingContent || props.defaultShow
    }

    this._id = this.props.id || uid('Popover')
    this._raf = []

    this._handleMouseOver = handleMouseOverOut.bind(null, (event) => {
      this.show(event)
    })
    this._handleMouseOut = handleMouseOverOut.bind(null, (event) => {
      this.hide(event)
    })
  }

placement: props.placement,
      offsetX: props.offsetX,
      offsetY: props.offsetY
    }

    if (typeof props.isShowingContent === 'undefined' && typeof props.show === 'undefined') {
      this.state.isShowingContent = props.defaultIsShowingContent || props.defaultShow
    }

    this._id = this.props.id || uid('Popover')
    this._raf = []

    this._handleMouseOver = handleMouseOverOut.bind(null, (event) => {
      this.show(event)
    })
    this._handleMouseOut = handleMouseOverOut.bind(null, (event) => {
      this.hide(event)
    })
  }