<p dir="auto">Using the 'with-styled-components' example and upgrading styled-components to v2.1.0 results in the error: <code class="notranslate">Unfortunately nesting is not supported by styled-jsx</code></p>
<p dir="auto">Is there currently a way to completely disable <code class="notranslate">styled-jsx</code> that's bundled with Next.js? If not, it would be great to have this option as currently it sometimes clashes with other CSS solutions by doing preprocessing of its own.</p>
<p dir="auto">See <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="236733650" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/2304" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/2304/hovercard" href="https://github.com/vercel/next.js/issues/2304">#2304</a> and I've also been having issues with importing plain CSS through <a href="https://github.com/davibe/babel-plugin-wrap-in-js"><code class="notranslate">wrap-in-js</code></a>.</p>