Error When using cssModule

[njho]

I receive the following error when attempting to use the cssModule prop as I would like to change the height of the button.

I'm using a CSS Pre-processor as per: https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

Failed to execute 'remove' on 'DOMTokenList': The token provided must not be empty. Why might this be happening?

[OmkarKirpan]

I am also having the same problem.

[CherryNerd]

I still have the same problem

[impactcolor]

I LOVE IT! Too bad it doesn't work :(

[hariananthan]

The following worked for me if your goal is to override the CSS (like changing height) Find the root class name for the button using inspect in the browser. For example aws-btn Write the new css required in a .css file. Example, test.css

.aws-btn {
    height:  140px;
}

Import the css file into your component import "../test.css";

Hope it helps.

[ericcastro]

.aws-btn { height: 140px; }

this didn't work for me.

this issue has been open for 2 years - all it takes to reproduce is really the simplest example button placed in the simplest project made with create-react-app

@rcaferati any ideas ?

[eakeyson1]

@hariananthan technique worked for me but it is extremely buggy. e.g. sometimes when I refresh my browser, it doesn't recognize the css file, however, when I comment out import "../test.css", save, uncomment, then save again, it re-recognizes the CSS file.

[abhishekUpmanyu]

Did anyone find the fix yet?