<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1500781/12747238/ce6c4762-c9dd-11e5-8820-6e9bb5fcc173.png"><img src="https://cloud.githubusercontent.com/assets/1500781/12747238/ce6c4762-c9dd-11e5-8820-6e9bb5fcc173.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Node ver: 5.0.0</p>
<p dir="auto">Babel Deps:</p>
<ul dir="auto">
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-cli&quot;: &quot;^6.4.0&quot;,"><pre class="notranslate"><code class="notranslate">"babel-cli": "^6.4.0",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-core&quot;: &quot;^6.3.26&quot;,"><pre class="notranslate"><code class="notranslate">"babel-core": "^6.3.26",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-eslint&quot;: &quot;^5.0.0-beta6&quot;,"><pre class="notranslate"><code class="notranslate">"babel-eslint": "^5.0.0-beta6",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-loader&quot;: &quot;^6.2.0&quot;,"><pre class="notranslate"><code class="notranslate">"babel-loader": "^6.2.0",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-plugin-add-module-exports&quot;: &quot;^0.1.2&quot;,"><pre class="notranslate"><code class="notranslate">"babel-plugin-add-module-exports": "^0.1.2",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-polyfill&quot;: &quot;^6.3.14&quot;,"><pre class="notranslate"><code class="notranslate">"babel-polyfill": "^6.3.14",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-preset-es2015&quot;: &quot;^6.3.13&quot;,"><pre class="notranslate"><code class="notranslate">"babel-preset-es2015": "^6.3.13",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-preset-react&quot;: &quot;^6.3.13&quot;,"><pre class="notranslate"><code class="notranslate">"babel-preset-react": "^6.3.13",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-preset-react-hmre&quot;: &quot;^1.0.1&quot;,"><pre class="notranslate"><code class="notranslate">"babel-preset-react-hmre": "^1.0.1",
</code></pre></div>
</li>
<li>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;babel-preset-stage-0&quot;: &quot;^6.3.13&quot;"><pre class="notranslate"><code class="notranslate">"babel-preset-stage-0": "^6.3.13"
</code></pre></div>
</li>
</ul>
<p dir="auto">It seems cause by custom html tag.</p>
<p dir="auto">The <code class="notranslate">className</code> prop does not appear to get mapped correctly when applied to custom DOM elements in <code class="notranslate">0.14.0-rc1</code>.</p>
<p dir="auto">JSFiddle: <a href="https://jsfiddle.net/hellosmithy/5pdujnfq/1/" rel="nofollow">https://jsfiddle.net/hellosmithy/5pdujnfq/1/</a></p>