CSS modules classNames are invalid when parent folder is a dynamic route

[maxholman]

Bug report

Describe the bug

When using CSS modules along with dynamic routes that involve a parent folder with
square brackets in the name (dynamic urls), the generated CSS class name/ident also contains the folders square brackets making the class name invalid, and therefore preventing the provided styles from being applied.

For reference, see the relevant code in getCssModuleLocalIdent

Happy to provide a PR if you can give me some guidance on whether to remove, escape, or replace the brackets with an alternative.

To Reproduce

Full repro at https://github.com/maxholman/nextjs-ident-bug

Expected behavior

Generated class names should not contain invalid characters

[kkomaz]

Has this been addressed @Timer? what is a good work around for this?

[timneutkens]

it's being worked on @kkomaz, see #11775

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.