styled-jsx opt-out?

Is there currently a way to completely disable styled-jsx 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.

See #2304 and I’ve also been having issues with importing plain CSS through wrap-in-js.

[Cinamonas]

@arunoda, maybe I’m missing something, but I’m not using it anywhere explicitly, and it still parses (and breaks) the stylesheet that I’m importing directly from node_modules (which I then injectGlobal through styled-components).

Right now, this is how I opt-out:

// babel-preset.js
const preset = require('next/babel');

preset.plugins = removeStyledJsx(preset.plugins);

module.exports = preset;

function removeStyledJsx(plugins) {
  return plugins.filter(plugin => plugin.indexOf('styled-jsx') === -1);
}

// .babelrc
{
  "presets": [
    "./babel-preset"
  ],
  // …
}

And this fixes the issues that I’m having.

[Sly777]

On the last versions of next.js-styled comp-babel styled comp, There is no problem. I tried on my package (https://github.com/Sly777/ran) and It works without getting error. FYI, @arunoda 😃