babel-plugin-styled-components

babel-plugin-styled-components copied to clipboard

Hello, what do think about to create new plugin or add it to current plugin which will change order of styled components **from:** ```js const First = styled.div` // ......

redexp

Css prop no more working with Babel macro

1

From **babel-plugin-styled-components@.>=2.0.0** onwards, using the **css prop** with **babel macros** as described in the docs is no more working: https://styled-components.com/docs/api#usage-with-the-babel-macro The webpack build fails with ``` ReferenceError styled is not...

philippklodt

styled-components are not working with Next.js SSR

8

Hello, I've recently come to know about the `babel-plugin-styled-components` and added the following code snippet into `.babelrc`. ```json { "presets": ["next/babel"], "plugins": [ [ "babel-plugin-styled-components", { "ssr": false } ]...

dhavalveera

Wrong styles applied during SSR hydration

9

Styled components is applying wrong styles during SSR hydration. The problem is that styles in production builds are swapped across components. For instance, the class `sc-16rshtk` is applied to a...

javiertury

Esbuild support for CSS property?

6

Hi, I was wondering if there is any plan to add support for an alternative to the Babel Plugin Macro in order to be able to use the CSS property...

FezVrasta

Styles of component imported from component library not applied during ssr.

2

I have come accross an issue where styles of a component, that is imported from my component library which is bundled with webpack 5, are not applied during ssr. I...

tadej321

Doesn't work on the MUI commonjs modules

2

I'm currently investigating an issue on `@mui/material`+`styled-components`+`next` (https://github.com/mui-org/material-ui/issues/29742). It turns that in the Next.js server bundle, the `styled` calls are not correctly being identified by `babel-plugin-styled-components`. The server bundle uses...

Janpot

handle styled(Component)(object/function) syntax

3

I'm using `styled-components` with SSR heavily and found few cases when the server-rendered markup mismatches on the client-side, resulting in a console warning in development mode. After a lot of...

jsardev

Name space option doesn work

2

Using: "babel-plugin-styled-components": "^1.13.2", `{ "presets": [ "@babel/preset-env" ], "plugins": [ [ "babel-plugin-styled-components", { "namespace": "campaign" } ], [ "@babel/plugin-proposal-decorators", { "legacy": true } ], [ "@babel/plugin-transform-runtime", { "regenerator": true }...

FBurner

namespace option doesn't work with babel-plugin-macros

1

I'm trying to setup a `namespace` for my styled-components application (create-react-app) with [Babel Macro](https://styled-components.com/docs/tooling#babel-macro). I created a file: ```javascript // babel-plugin-macros.config.js module.exports = { styledComponents: { fileName: true, displayName: true,...

emdotem