How to use kebab case for class name of css in Next.js

Precondition

If I write kebab case like below, it will be error.

className={styles.company-logo}

Solution

This will work.

className={styles['company-logo']}

Reference
https://stackoverflow.com/questions/61794899/using-kebab-case-css-classnames-in-css-sass-modules-when-using-next-js

Comments

[johnson-byjus]

Did u solve this.?