{"action":"created","issue":{"url":"https://api.github.com/repos/kadirahq/meteor-react-layout/issues/11","repository_url":"https://api.github.com/repos/kadirahq/meteor-react-layout","labels_url":"https://api.github.com/repos/kadirahq/meteor-react-layout/issues/11/labels{/name}","comments_url":"https://api.github.com/repos/kadirahq/meteor-react-layout/issues/11/comments","events_url":"https://api.github.com/repos/kadirahq/meteor-react-layout/issues/11/events","html_url":"https://github.com/kadirahq/meteor-react-layout/issues/11","id":101608770,"number":11,"title":"ReactLayout rendering on top of BlazeLayout and vice versa","user":{"login":"makstr","id":10668265,"avatar_url":"https://avatars.githubusercontent.com/u/10668265?v=3","gravatar_id":"","url":"https://api.github.com/users/makstr","html_url":"https://github.com/makstr","followers_url":"https://api.github.com/users/makstr/followers","following_url":"https://api.github.com/users/makstr/following{/other_user}","gists_url":"https://api.github.com/users/makstr/gists{/gist_id}","starred_url":"https://api.github.com/users/makstr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/makstr/subscriptions","organizations_url":"https://api.github.com/users/makstr/orgs","repos_url":"https://api.github.com/users/makstr/repos","events_url":"https://api.github.com/users/makstr/events{/privacy}","received_events_url":"https://api.github.com/users/makstr/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-08-18T09:16:20Z","updated_at":"2016-03-19T22:07:21Z","closed_at":"2015-08-18T09:24:09Z","body":"I have routes which use both BlazeLayout and ReactLayout. This is because I am using meteor-useraccounts/flow-routing which only supports Blaze at the time. \r\n\r\nThe Problem is when a browser calls a route which uses ReactLayout and the follows to a page with BlazeLayout or vice versa. The result is two layouts displayed one underneath the other.\r\n\r\n```javascript\r\nFlowRouter.route('/', {\r\n  name : \"start\",\r\n  action: function(params, queryParams) {\r\n    BlazeLayout.render(\"TopAppLayoutBlaze\", { main: \"HomePage\" });\r\n  }\r\n});\r\n\r\n\r\nFlowRouter.route(\"/tests/test01\", {\r\n  action: function() {\r\n    ReactLayout.render(X.TopAppLayout, {\r\n      content: <SimpleComponent name=\"Test\" />\r\n    })\r\n  }\r\n});\r\n```\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/kadirahq/meteor-react-layout/issues/comments/198795562","html_url":"https://github.com/kadirahq/meteor-react-layout/issues/11#issuecomment-198795562","issue_url":"https://api.github.com/repos/kadirahq/meteor-react-layout/issues/11","id":198795562,"user":{"login":"musemind","id":11320794,"avatar_url":"https://avatars.githubusercontent.com/u/11320794?v=3","gravatar_id":"","url":"https://api.github.com/users/musemind","html_url":"https://github.com/musemind","followers_url":"https://api.github.com/users/musemind/followers","following_url":"https://api.github.com/users/musemind/following{/other_user}","gists_url":"https://api.github.com/users/musemind/gists{/gist_id}","starred_url":"https://api.github.com/users/musemind/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/musemind/subscriptions","organizations_url":"https://api.github.com/users/musemind/orgs","repos_url":"https://api.github.com/users/musemind/repos","events_url":"https://api.github.com/users/musemind/events{/privacy}","received_events_url":"https://api.github.com/users/musemind/received_events","type":"User","site_admin":false},"created_at":"2016-03-19T22:07:21Z","updated_at":"2016-03-19T22:07:21Z","body":"I have a blaze app and use flow-router-ssr with react for some SEO content pages.\r\nTo clear the React Container, I render a empty span before the blaze rendering:\r\n\r\n```\r\nFlowRouter.route('/login', {\r\n  action: function(params, queryParams) {\r\n    ReactLayout.render(React.createClass({ render() {return <span></span>} }))\r\n    BlazeLayout.render('skeleton', { content: \"login\" })\r\n  }\r\n})\r\n```\r\n\r\nThe other way round (blaze route => react route) works without hack."}}