Storybook CSS Prop Parsing

[JenniferMcIntyre-xyz]

It looks like my storybook instance is not parsing the styles I have given it from emotion. See screenshot below. Does anyone know how to fix this?

[hy2k]

I had a similar issue when I was using emotion with Gatsby. In my case, although I was using gatsby-plugin-emotion to parse styles, I also added .babelrc in .storybook/ directory which is in the project root. Now Storybook is parsing the styles correctly.

.storybook/.babelrc:

{
  "presets": ["@emotion/babel-preset-css-prop"]
}

I hope this solves your problem.

[JenniferMcIntyre-xyz]

Thanks @hy2k! Unfortunately my company pivoted to docz instead. It met our needs a little more.