search

mui / pigment-css

Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.
MIT License
389 stars 18 forks source link

Storybook [next.js] does not apply class names #122

Open deema089786 opened 3 weeks ago

deema089786 commented 3 weeks ago

Steps to reproduce

Code Sandbox: https://replit.com/join/kmltgscaty-deema089786

Current behavior

Storybook stories do not display components with applied class names

Expected behavior

Storybook stories display components with applied class names

Context

Im trying to create new project based on NX, Nextjs, Storybook and Pigment CSS. Storybook does not applied class names to styled components created via pigment-css.

image

When I just run my next.js app everything is working fine

When I run Storybook with "Vite" framework everything is working as expected (styled components displayed with class names and correct styles)

image

Your environment

npx @mui/envinfo ``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```