{"action":"closed","issue":{"url":"https://api.github.com/repos/paramaggarwal/react-dropzone/issues/9","labels_url":"https://api.github.com/repos/paramaggarwal/react-dropzone/issues/9/labels{/name}","comments_url":"https://api.github.com/repos/paramaggarwal/react-dropzone/issues/9/comments","events_url":"https://api.github.com/repos/paramaggarwal/react-dropzone/issues/9/events","html_url":"https://github.com/paramaggarwal/react-dropzone/issues/9","id":56942409,"number":9,"title":"adding a className breaks JSX compile","user":{"login":"Pomax","id":177243,"avatar_url":"https://avatars.githubusercontent.com/u/177243?v=3","gravatar_id":"","url":"https://api.github.com/users/Pomax","html_url":"https://github.com/Pomax","followers_url":"https://api.github.com/users/Pomax/followers","following_url":"https://api.github.com/users/Pomax/following{/other_user}","gists_url":"https://api.github.com/users/Pomax/gists{/gist_id}","starred_url":"https://api.github.com/users/Pomax/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Pomax/subscriptions","organizations_url":"https://api.github.com/users/Pomax/orgs","repos_url":"https://api.github.com/users/Pomax/repos","events_url":"https://api.github.com/users/Pomax/events{/privacy}","received_events_url":"https://api.github.com/users/Pomax/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-02-08T07:27:41Z","updated_at":"2015-03-07T14:46:59Z","closed_at":"2015-03-07T14:46:59Z","body":"for some reason if I use `<Dropzone .../>` without a className, everything works fine, but adding my own `<Dropzone className=\"dropzone\" ... />` breaks JSX compile because of\r\n```\r\nError: Invariant Violation: The `style` prop expects a mapping from style properties to values, not a string.\r\n```\r\nYou'll have to use something like this:\r\n```\r\n...\r\nvar className = \"dropzone\",\r\n    style = DropzoneStyle;\r\n\r\nif (this.props.className) {\r\n  className = this.props.className;\r\n  style = false;\r\n}\r\n\r\nreturn (<div ... className={className} style={style} ...>\r\n  ...\r\n</div>);\r\n```\r\n"}}