{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react/issues/5484","repository_url":"https://api.github.com/repos/facebook/react","labels_url":"https://api.github.com/repos/facebook/react/issues/5484/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/5484/comments","events_url":"https://api.github.com/repos/facebook/react/issues/5484/events","html_url":"https://github.com/facebook/react/issues/5484","id":117263867,"number":5484,"title":"Warn when <body> tag rendered by a component","user":{"login":"graue","id":1730853,"avatar_url":"https://avatars.githubusercontent.com/u/1730853?v=3","gravatar_id":"","url":"https://api.github.com/users/graue","html_url":"https://github.com/graue","followers_url":"https://api.github.com/users/graue/followers","following_url":"https://api.github.com/users/graue/following{/other_user}","gists_url":"https://api.github.com/users/graue/gists{/gist_id}","starred_url":"https://api.github.com/users/graue/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/graue/subscriptions","organizations_url":"https://api.github.com/users/graue/orgs","repos_url":"https://api.github.com/users/graue/repos","events_url":"https://api.github.com/users/graue/events{/privacy}","received_events_url":"https://api.github.com/users/graue/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-17T02:02:58Z","updated_at":"2016-04-13T17:10:03Z","closed_at":null,"body":"Example that should warn when rendered:\r\n\r\n```js\r\nvar Foo = React.createClass({\r\n  render: function() {\r\n    return <body><p>Hi there!</p></body>;\r\n  }\r\n});\r\n```\r\n\r\nThere's no good reason to do this [edit: other than server rendering], and with React 0.14, it seems to cause click handlers placed inside the faux-body to not get called."},"comment":{"url":"https://api.github.com/repos/facebook/react/issues/comments/209548861","html_url":"https://github.com/facebook/react/issues/5484#issuecomment-209548861","issue_url":"https://api.github.com/repos/facebook/react/issues/5484","id":209548861,"user":{"login":"dwighthouse","id":5015265,"avatar_url":"https://avatars.githubusercontent.com/u/5015265?v=3","gravatar_id":"","url":"https://api.github.com/users/dwighthouse","html_url":"https://github.com/dwighthouse","followers_url":"https://api.github.com/users/dwighthouse/followers","following_url":"https://api.github.com/users/dwighthouse/following{/other_user}","gists_url":"https://api.github.com/users/dwighthouse/gists{/gist_id}","starred_url":"https://api.github.com/users/dwighthouse/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dwighthouse/subscriptions","organizations_url":"https://api.github.com/users/dwighthouse/orgs","repos_url":"https://api.github.com/users/dwighthouse/repos","events_url":"https://api.github.com/users/dwighthouse/events{/privacy}","received_events_url":"https://api.github.com/users/dwighthouse/received_events","type":"User","site_admin":false},"created_at":"2016-04-13T17:10:03Z","updated_at":"2016-04-13T17:10:03Z","body":"Trying to implement more semantic html, and having dropped the use of html, head, and body tags (because they are neither required nor useful most of the time in html5), I accidentally added a body tag around a list of divs, forgetting its use and thinking it was a good semantic element for the main body of the app's content (not containing the header/footer, you see). Anyway, the resulting html outputs just a list of divs, with no wrapping tag (of any kind). No errors occurred on initial render, but if you attempt to mutate the DOM after that, you get the Invariant Violation error. There should definitely be Debug warnings for html, head, and body tags."}}