<p dir="auto">the example is  assetPrefix: isProd ? '<a href="https://cdn.mydomain.com" rel="nofollow">https://cdn.mydomain.com</a>' : '',<br>
but i need set servals cdn name ,for example ,<br>
assetPrefix: _.random(['https://cdn01.mydomain.com', 'https://cdn02.mydomain.com'])</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<h2 dir="auto">Current Behavior</h2>


<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>


<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td></td>
</tr>
<tr>
<td>node</td>
<td></td>
</tr>
<tr>
<td>OS</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">Hello there! Firstly, thank you for a such great product. As I've said in title, there can be made improvement to minimize output from extra <code class="notranslate">div</code>s.</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">No extra <code class="notranslate">div</code>s necessary.</p>


<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Some part of code is wrapper with <code class="notranslate">div</code> to make it possible to be returned by React (extended old behavior of React, changed since introduction of Fibers).</p>
<h2 dir="auto">Context</h2>
<p dir="auto">Since next.js version 4 supports only React 16+, we can use some of it's new possibilities, such as<br>
component that returns only it's children:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const Fragment = ({ children }) =&gt; children;"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-v">Fragment</span> <span class="pl-c1">=</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> children <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s1">children</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">By using the <code class="notranslate">Fragment</code> we can replace all <code class="notranslate">div</code> that act only as wrapper (for instance in <code class="notranslate">&lt;NextScript /&gt;</code>).</p>