{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react/issues/7103","repository_url":"https://api.github.com/repos/facebook/react","labels_url":"https://api.github.com/repos/facebook/react/issues/7103/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/7103/comments","events_url":"https://api.github.com/repos/facebook/react/issues/7103/events","html_url":"https://github.com/facebook/react/issues/7103","id":161803685,"number":7103,"title":"Uncaught Invariant Violation: React DOM tree root should always have a node reference.","user":{"login":"sidjain26","id":8574219,"avatar_url":"https://avatars.githubusercontent.com/u/8574219?v=3","gravatar_id":"","url":"https://api.github.com/users/sidjain26","html_url":"https://github.com/sidjain26","followers_url":"https://api.github.com/users/sidjain26/followers","following_url":"https://api.github.com/users/sidjain26/following{/other_user}","gists_url":"https://api.github.com/users/sidjain26/gists{/gist_id}","starred_url":"https://api.github.com/users/sidjain26/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sidjain26/subscriptions","organizations_url":"https://api.github.com/users/sidjain26/orgs","repos_url":"https://api.github.com/users/sidjain26/repos","events_url":"https://api.github.com/users/sidjain26/events{/privacy}","received_events_url":"https://api.github.com/users/sidjain26/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-06-22T22:43:58Z","updated_at":"2016-06-22T22:43:58Z","closed_at":null,"body":"Rendering the following `react-router` (v2.4.1) component on the server using `renderToString` (v15-rc.1) causes this error message to be logged in the Chrome (v51) console. \r\n\r\n```javascript\r\nconst router = (\r\n  <Router history={browserHistory}>\r\n    <Route path=\"/\" component={App}>\r\n      <IndexRoute component={Home} />\r\n      <Route path=\"/about\" component={About} />\r\n    </Route>\r\n  </Router>\r\n);\r\n```\r\nThe error does not get logged on the index route. But thereafter, navigating between the two routes causes the error to be logged. \r\n\r\nThe html served dynamically looks like this: \r\n\r\n```html\r\n<div id=\"root\">\r\n    <div  data-reactroot=\"\" data-reactid=\"1\" data-react-checksum=\"534581471\"><!-- react-empty: 2 -->\r\n      <main data-reactid=\"3\">\r\n        <div data-reactid=\"4\">\r\n          <p data-reactid=\"5\">Stuff</p>\r\n            <a href=\"/about\" data-reactid=\"6\">Click</a>\r\n            <div data-reactid=\"7\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum sint, totam ea quam iusto illum necessitatibus ad pariatur quos, provident ipsum adipisci deserunt voluptatum vero, eaque veniam. Reiciendis ipsam, aspernatur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum sint, totam ea quam iusto illum necessitatibus ad pariatur quos, provident ipsum\r\n            </div>\r\n        </div>\r\n      </main>\r\n    </div>\r\n</div>\r\n```\r\n\r\nThe client entry point looks like: \r\n\r\n```javascript\r\nconst run = () => {\r\n  ReactDOM.render(\r\n    router,\r\n    document.getElementById('root')\r\n  );\r\n};\r\n\r\nconst loadedStates = ['complete', 'loaded', 'interactive'];\r\n\r\nif (typeof document !== 'undefined') {\r\n  if (loadedStates.includes(document.readyState) && document.body) {\r\n    run();\r\n  } else {\r\n    window.addEventListener('DOMContentLoaded', run, false);\r\n  }\r\n}\r\n```"}}
{"actor":{"display_login":"sidjain26"}}