How can I use emotion instead of styled-components?

[saenyakorn]

Currently, I already have emotion in my project with @mui/material. So, I don't want to install styled-components because it'll increase my project's bundle size. How can I avoid installing styled-components and use emotion instead?

[zbeyens]

You'll need to install each package individually

[elektronik2k5]

@zbeyens can you please elaborate? Searching through the codebase, I see that styled-components is used directly in tons of places and cannot be easily replaced or aliased. There's also a plate-headless package, but no readme, no examples or references in the docs.

[zbeyens]

plate is composed of plate-headless and plate-ui. The latter has styled-components as peer dep. There is plan to decouple styled-components by creating unstyled components once the architecture redesign is ready #1193 .

[zbeyens]

Fixed in v22 #2472, we no longer use styled-components.