Missing classname escaping

[Nek-]

We tried to move a massive project to TSS but hit mostly one issue: generated class names may contain parenthesis -someComponent(something)-.

For example, we are exporting this kind of thing:

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(withStyles(sidebarStyle)(injectIntl(Sidebar)));

The injectIntl() ends up in the class name (for us it generates things like css-1hj7v7-injectIntl(Sidebar)-drawerRootContainer), which was the case with JSS as well, but JSS was escaping the class name in CSS: css-1hj7v7-injectIntl\(Sidebar\)-drawerRootContainer.

TSS does not escape the class name, so the browser cannot read the associated CSS rules. This seems to be a severe issue for class components.

[garronej]

Hello @Nek-,

Thank you for bringing this issue to our attention.

To enable us to expedite a resolution, it would be tremendously helpful if you could create a replication repository. With this information at hand, we should be well-equipped to develop and deploy a new version promptly.

Best regards.