Error in ./~/react-toolbox/lib/button/theme.css

Hi, getting error when add react-tool component. Module build failed: Error: composition is only allowed when selector is single :local class name not in ".raised", ".raised" is weird we have not web-pack config file then how i fix this issue ? similar issues

[javivelasco]

@umair-khanzada React Toolbox current version relies on CSS Modules to handle styling. If you require a component from react-toolbox, the css will be required for you but the configuration should enable modules. This is not the case for create-react-app: you are requiring a css file that has assumes that modules are enabled and that’s why you get the warning.

To avoid it (and to skip configuration with any other project and react toolbox) you can use the recently released react-toolbox-themr. It allows you to extract and transform CSS from react-toolbox to be required as any other css asset. Beware you should require components always default from its definition, for example from react-toolbox/lib/button/Button instead of the named export of the index.js. You should do it this way because we are currently exposing components with and without styles. This is going to change soon as a style refactoring is in progress.

Let me know any other issues in the react-css-themr repository!

[javivelasco]

Yeah it is possible but you have need to eject and configure CSS Modules as detailed in React Toolbox documentation or in the Webpack example repository. I think that was a too opinionated decision and I’m working on changing the approach to deliver fully flexible components. I encourage you to use themr meanwhile, the only downside is dependency resolution because the CSS should be manually included.