Skip to content

Theme-ui dependencly error - [useColorMode] requires the ColorModeProvider component  #116

@Bluesmile82

Description

@Bluesmile82

I tried to run the simple-maps-demo repo on node version 14.21.3. But I have an error when running yarn dev:

error - Error: [useColorMode] requires the ColorModeProvider component
at Object.useColorMode (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/@carbonplan/colormaps/node_modules/@theme-ui/color-modes/dist/theme-ui-color-modes.cjs.dev.js:250:11)
at useColormap (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/@carbonplan/colormaps/dst/index.js:392:31)
at Index (webpack-internal:///./pages/index.js:17:86)
at processChild (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:3353:14)
at resolve (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:3270:5)
at ReactDOMServerRenderer.render (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:3753:22)
at ReactDOMServerRenderer.read (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:3690:29)
at Object.renderToString (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:4298:27)
at Object.renderPage (/Users/alvaroleal/code/vizzuality/simple-map-demo/node_modules/next/dist/server/render.js:596:45)
at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:194:19) {
page: '/'
}

At first I thought the problem was using a more recent version of Next or the apps directory. But I ran this project as it is and I also get the error. Any help?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions