Storybook: Storybook + Chakra UI V1 not displaying styles

[MariuzM]

Describe the bug
With the new version of Chakra UI v1 storybook has stoped displaying styles, when doing yarn storybook it loads the page but does not display the styles.

Old version:

New version

Component

[shilman]

Do you have a repro repo you can share?

[MariuzM]

Here you go, it's all standard install https://github.com/MariuzM/bug_testing

[ivan-dalmet]

Same problem here (https://github.com/ivan-dalmet/start-ui)
I think it's the emotion 11. But no idea how to fix it :/

[taponidhitulsi]

Same problem in a project with NextJS + Typescript + Chakra UI + Storybook.

[khanhleemtp]

Same problem

[lee-reinhardt]

I was able to work around this by implementing a custom webpackFinal config:
https://github.com/chakra-ui/chakra-ui/issues/2527#issuecomment-728134371

[MariuzM]

Any updates on getting this fixed?

[shilman]

@MariuzM PRs welcome!

[cloud-walker]

The fix should be to upgrade emotion to v11?

https://github.com/storybookjs/storybook/blob/a5bd17f2625a03b42f8159ad6c811e6639a04c88/lib/ui/package.json#L30