ReactJS react-router server-rendering issue
<p>Everything is about isomorphic application. I'm using <code>React</code> with <code>react-router</code> module on server side for routing purposes and have following warning in browser console. </p>

<blockquote>
  <p>Warning: render(...): Replacing React-rendered children with a new
  root component. If you intended to update the children of this node,
  you should instead have the existing children update their state and
  render the new components instead of calling ReactDOM.render.</p>
</blockquote>

<p>I have following routes schema defined on <strong>backend</strong>:</p>

<pre><code>&lt;Route path="/" component={App} &gt;
    &lt;IndexRoute component={Home} /&gt;
&lt;/Route&gt;
</code></pre>

<p>App component:</p>

<pre><code>module.exports = React.createClass({
  render : function() {
    return &lt;html&gt;
      &lt;head&gt;&lt;/head&gt;
      &lt;body&gt;        
        &lt;div id="container"&gt;
          { this.props.children }
        &lt;/div&gt;        
        &lt;script src="/app/bundle.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
    &lt;/html&gt;
  }
});
</code></pre>

<p>Home component:</p>

<pre><code>module.exports = React.createClass({
  render : function() {
    return &lt;div&gt;Any content here&lt;/div&gt;
  }
});
</code></pre>

<p>After that I use on the <strong>frontend</strong>:</p>

<pre><code>ReactDOM.render(&lt;Home /&gt;, document.getElementById('container'));
</code></pre>

<p><strong>Probable solution:</strong>
If I understood correctly if I could render App component as static markup(<code>renderToStaticMarkup</code>) and Home component as a string (<code>renderToString</code>), then it would be ok.</p>

<p>Is it possible to implement something like that with <code>react-router</code>?</p>