<p dir="auto">For whatever reason, the latest canary with babel 7 isn't working well with styled jsx plugins via custom babelrc.</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?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Expected to build the page and display in dev environment, instead spits error each build.</p>

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

<p dir="auto">Instead of building page, the following error is displayed.</p>
<p dir="auto">Module build failed: Error: Nesting detected at 11:9. Unfortunately nesting is not supported by styled-jsx.</p>

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


<ol dir="auto">
<li>Download and install with-styled-jsx-plugins example from next repo.</li>
<li>yarn add next@6.0.0-canary.3 react@16.3.2 react-dom@16.3.2</li>
<li>yarn dev</li>
<li>goto localhost:3000</li>
</ol>
<p dir="auto">I can verify that the babel preset next/babel isn't receiving any custom options, so when the preset looks for the options, they aren't found.</p>
<p dir="auto"><a href="https://github.com/zeit/next.js/blob/canary/server/build/babel/preset.js#L55">https://github.com/zeit/next.js/blob/canary/server/build/babel/preset.js#L55</a></p>
<h2 dir="auto">Context</h2>

<p dir="auto">Impossible to build pages currently.</p>

<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>6.0.0-canary.3</td>
</tr>
<tr>
<td>node</td>
<td>9.3.0</td>
</tr>
<tr>
<td>OS</td>
<td>High Sierra</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">Hi,</p>
<p dir="auto">is it possible to define and use multiple custom Documents in next.js? Should I operate with subfolders?</p>
<ul dir="auto">
<li>[ x] 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">I would like to define and import more than one custom document (<a href="https://github.com/zeit/next.js/#custom-document">https://github.com/zeit/next.js/#custom-document</a>).</p>
<p dir="auto">Should I operate with subfolders?</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">I can't define more than one custom document definition.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">I just run the code you can find here <a href="https://github.com/zeit/next.js/#custom-document">https://github.com/zeit/next.js/#custom-document</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">I'd like to set the lang attribute in HTML tag in a multi-language website.</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">| Tech    | Version |<br>
| next    |    4.1.3     |<br>
| node    |    8.8.1     |<br>
| OS      |    Ubuntu 16.04.2 LTS    |<br>
| browser |    Google Chrome 64 bit v58.0.3029.110     |</p>
<p dir="auto">Thanks,<br>
Luca</p>