Styled-components: All my styled components generate an empty css class
Environment
I could reproduced on styled-components v3.2.5 and 3.2.3 and react-scripts 1.1.0 and 1.1.1.
Reproduction
https://codesandbox.io/s/n3v5mnqjj4
Steps to reproduce
You can inspect the red title or the div container.
Expected Behavior
It should only have one css class specifying the given css.
Actual Behavior
It creates a second empty css class for each styled component.
sylvhama
>All comments
@sylvhama no need to worry about this, it's expected.
styled-components actually generates a minimum of two classes per element: a stable class to represent the element itself (used for component selectors mostly), and one or more classes used to represent particular rulesets. Dynamic styles will cause more than one additional class to be created.
probablyup
on 16 Apr 2018
👍4
Was this page helpful?
0 / 5 - 0 ratings
Related issues
drcmda
路
3Comments
mxstbr
路
3Comments
garmjs
路
3Comments
arstin
路
3Comments
SyedAman
路
3Comments
Most helpful comment
@sylvhama no need to worry about this, it's expected.
styled-components actually generates a minimum of two classes per element: a stable class to represent the element itself (used for component selectors mostly), and one or more classes used to represent particular rulesets. Dynamic styles will cause more than one additional class to be created.