React : CSS class name import not working

Question

i have a

div in my react component and im importing some class name from a class css file, but the class name is not getting integrated to the main

Answer 1

None of the above solutions worked for me, if you're using a react version with react-scripts@2.0.0 and higher, they probably wouldn't work for you either.

you must used the CSS Modules alongside regular stylesheets using the [name].module.css file naming convention. CSS Modules allows the scoping of CSS by automatically creating a unique classname of the format [filename]_[classname]__[hash].

example Header.module.css nb: header here can be any name