在React组件上使用withStyles时出现奇怪的类名

Question

我正在将Material UI升级到v4.9.5，并且遇到了一个奇怪的问题。 我的班级名称看起来真的很奇怪，这让我觉得有些问题：）

此组件中元素的类名称如下：

<div class=".LoadNamespace\(WithWidth\(TopBar\)\)-flex-2">

在我的组件上，我正在使用withStyles：

export default withRouter(
    connect(mapStateToProps)(
        withTheme(
            withStyles(styles)(TopBar)
        )
    )
);

我正在使用{ createGenerateClassName, StylesProvider }生成这样的类名：

const generateClassName = createGenerateClassName();
<StylesProvider generateClassName={generateClassName}>
    <Provider store={store}>
        <ThemeWrapper>
          <Root />
        </ThemeWrapper>
    </Provider>
</StylesProvider>

在ThemeWrapper中，基本上只是：

<ThemeProvider theme={theme} >
    {this.props.children}
</ThemeProvider>

出问题了，还是类名应该看起来像这样？