ReactDOMServer.renderToStaticMarkup full markup
<p>I'm using <code>ReactDOMServer</code> to generate a static site via the server side and it doesn't seem to like this component specifically the opening <code>&lt;!DOCTYPE html&gt;</code> tag. (see below)</p>

<p>I'm doing this as I'm trying to use React to fully render a page via the server-side for IE8 compatibility and eventually become an isomorphic app.</p>

<p>Is there a best practice on how to fully render static markup with React via the server-side (with inclusions of the opening html tags, etc.)?</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>'use strict';

import React from 'react';

export default class Root extends React.Component {

  render() {
    return (
      &lt;!DOCTYPE html&gt;
      &lt;head&gt;
      &lt;title&gt;Hello World!&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;

      &lt;h1&gt;Hello World!&lt;/h1&gt;

      &lt;/body&gt;
      &lt;/html&gt;
    );
  }

}</code></pre>
</div>
</div>
</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let html = ReactDOMServer.renderToStaticMarkup(&lt;Root /&gt;);</code></pre>
</div>
</div>
</p>

<p><strong>Bonus:</strong> Although a simple DOCTYPE is breaking it, eventually I'd like to add additional IE tags like below at the top.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!--[if lt IE 7]&gt;  &lt;html dir="ltr" lang="en-US" class="no-js ie ie6 lte9 lte8 lte7"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 7]&gt;     &lt;html dir="ltr" lang="en-US" class="no-js ie ie7 lte9 lte8 lte7"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 8]&gt;     &lt;html dir="ltr" lang="en-US" class="no-js ie ie8 lte9 lte8"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 9]&gt;     &lt;html dir="ltr" lang="en-US" class="no-js ie ie9 lte9"&gt; &lt;![endif]--&gt;
&lt;!--[if gt IE 9]&gt;  &lt;html dir="ltr" lang="en-US" class="no-js"&gt; &lt;![endif]--&gt;
&lt;!--[if !IE]&gt;&lt;!--&gt;&lt;html&gt;&lt;!--&lt;![endif]--&gt;</code></pre>
</div>
</div>
</p>