{"action":"closed","issue":{"url":"https://api.github.com/repos/thangngoc89/react-howler/issues/5","repository_url":"https://api.github.com/repos/thangngoc89/react-howler","labels_url":"https://api.github.com/repos/thangngoc89/react-howler/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/thangngoc89/react-howler/issues/5/comments","events_url":"https://api.github.com/repos/thangngoc89/react-howler/issues/5/events","html_url":"https://github.com/thangngoc89/react-howler/issues/5","id":131413601,"number":5,"title":"Returning invalid element type?","user":{"login":"Stenerson","id":1191049,"avatar_url":"https://avatars.githubusercontent.com/u/1191049?v=3","gravatar_id":"","url":"https://api.github.com/users/Stenerson","html_url":"https://github.com/Stenerson","followers_url":"https://api.github.com/users/Stenerson/followers","following_url":"https://api.github.com/users/Stenerson/following{/other_user}","gists_url":"https://api.github.com/users/Stenerson/gists{/gist_id}","starred_url":"https://api.github.com/users/Stenerson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Stenerson/subscriptions","organizations_url":"https://api.github.com/users/Stenerson/orgs","repos_url":"https://api.github.com/users/Stenerson/repos","events_url":"https://api.github.com/users/Stenerson/events{/privacy}","received_events_url":"https://api.github.com/users/Stenerson/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-02-04T17:10:45Z","updated_at":"2016-02-04T17:43:44Z","closed_at":"2016-02-04T17:43:44Z","body":"Not sure if this a bug, a user error or something else entirely. I'm getting errors when trying to include the ReactHowler component in a simple container component that I created.\r\n\r\nHere's the container component `HowlerButton`.\r\n\r\n```\r\nvar React = require('react');\r\nvar ReactHowler = require('react-howler');\r\nvar classnames = require('classnames');\r\n\r\nvar HowlerButton = React.createClass({\r\n\r\n  getInitialState() {\r\n    return {\r\n      isPlaying: false\r\n    };\r\n  },\r\n\r\n  render() {\r\n    return (\r\n      <span>\r\n        <ReactHowler src={this.props.src} playing={this.state.isPlaying} />\r\n        <button className={this.props.className} onTouchTap={this._togglePlaying}>\r\n          <i\r\n            className={classnames(\"fa\", {\"fa-volume-up\": !this.state.isPlaying, \"fa-pause\": this.state.isPlaying})}\r\n            style={{marginRight: \".25em\", marginLeft: \".25em\"}}\r\n          />\r\n          {!this.state.isPlaying ? this.props.playText : this.props.pauseText}\r\n        </button>\r\n      </span>\r\n    );\r\n  },\r\n\r\n  _togglePlaying() {\r\n    this.setState({isPlaying: !this.state.isPlaying});\r\n  }\r\n\r\n});\r\n\r\nmodule.exports = HowlerButton;\r\n```\r\n\r\nWhen this component is rendered by its parent I get the following errors in the console.\r\n\r\n```\r\nwarning.js:45 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of `HowlerButton`.\r\n\r\ninvariant.js:39 Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `HowlerButton`.\r\n```\r\n\r\nIf I remove the `ReactHowler` component the button renders fine.\r\n\r\nAny ideas? Thanks in advance!!"}}