Next.js + Emotion + evergreen-ui

[kud]

Hello,

I'm currently doing my blog, using next.js + emotion, which work pretty well since emotion 10.

However, when I use evergreen-ui (a UI Kit), it works well when developing but not when exporting:

• dev

• dist

And the reason is because when you've got the exported version, you don't have the evergreen-ui css included:

Do you have any idea why?

Thank you.

[jamesmosier]

How and where are you importing evergreen?

[kud]

In a layout or a page, via

import { HomeIcon } from "evergreen-ui"

const MyIcon = styled(HomeIcon)``

[jamesmosier]

I was able to get it to work like this:

import { HomeIcon, setClassNamePrefix } from "evergreen-ui";
setClassNamePrefix("ub-");

It appears there are issues with their current className prefix of a box emoji and Next, although I'm not certain without digging in further.

[kud]

Indeed, they're having fun with the prefix of the class names.

Thank you! I'll try this!