Theme-ui: warn "export 'ColorMode' was not found in 'theme-ui'

[Defite]

Describe the bug
Just updated theme-ui to latest version - 0.3.1, "gatsby-theme-ui": "0.2.0",. After the build I got in console:

warn "export 'ColorMode' was not found in 'theme-ui'

Additional context
Add any other context about the problem here.

Got some strange styles in the browser right after upgrading.

I don't use colors in my theme.js, it's important. It was never an issue.

[lachlanjc]

Hey! Highly recommend checking out the Migrating guide, here: https://theme-ui.com/migrating

ColorMode was deprecated, in short, among other changes. Try following each of the steps there & report back if something’s still wrong. 👍

[Defite]

I've already tried 'migration' steps, but still no luck :(

[lachlanjc]

@Defite Ok cool. So the ColorMode component is deprecated/no longer needed—did you remove it from your project? Can you post the code triggering this issue?

[Defite]

@lachlanjc I've never used ColorMode before :) https://github.com/Defite/gatsby-theme-defite/tree/theme-v2 here is my work in progress, and here is theme.js: https://github.com/Defite/gatsby-theme-defite/blob/theme-v2/gatsby-theme-defite/src/theme.js

[lachlanjc]

Honestly, never used Gatsby Themes before so a bit out of my depth here. Sorry.

[Defite]

How can I help you with that? Is my theme.js looks ok?

[LekoArts]

You'll also need to update the gatsby plugin to 0.3.0

[Defite]

You'll also need to update the gatsby plugin to 0.3.0

and it is gatsby-plugin-theme-ui...

[Defite]

Installing [email protected] resolves this issue, thank you, @LekoArts

[ansonlowzf]

You'll also need to update the gatsby plugin to 0.3.0

LekoArts, Thank you for your solution. I think the gatsby-theme-blog packages also need to update the theme-ui to latest version