title: React: TypeError: this._modal.$el.on is not a function
body: <p>So I'm new to react and I'm trying to use a boilerplate but I'm getting the following error in the chrome console. Sorry if this is a repeat question but I've tried to google it and found nothing. Thanks for the help in advance.</p>
  
  <p><em>(Console)</em></p>
  
  <pre><code>TypeError: this._modal.$el.on is not a function
  </code></pre>
  
  <p><em>(index.js)</em></p>
  
  <pre><code>import React from 'react'
  import UIkit from 'uikit'
  
  export default class Modal extends React.Component {
    constructor(props) {
      super(props)
    }
  
    componentDidMount() {
      this._modal = UIkit.modal(this.refs.modal, {
        container: false,
        center: true
        // stack: true
      })
  
      console.log(this._modal)
  
      this._modal.$el.on('hide', () =&gt; {
        this.props.onHide()
      })
  
  
      this._modal._callReady()
  
      if(this.props.visible) {
        this._modal.show()
      }
    }
  
    componentWillReceiveProps(nextProps) {
      const { visible } = nextProps
      if(this.props.visible !== visible) {
        if(visible) {
          this._modal.show()
        } else {
          this._modal.hide()
        }
      }
    }
  
    render() {
      return (
        &lt;div ref="modal"&gt;
          {this.props.children}
        &lt;/div&gt;
      )
    }
  }
  </code></pre>