Uncaught TypeError: _prefix.replace is not a function

[celinrayen]

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

The withStyles is not working when used with Snackbar.
I'm trying this with the below versions. withStyles works perfectly fine in another component which wraps the Button. But while using Snackbar i receive the below issue.

createGenerateClassName.js:75 Uncaught TypeError: _prefix.replace is not a function
    at createGenerateClassName.js:75
    at RuleList.add (RuleList.js:109)
    at new StyleSheet (StyleSheet.js:52)
    at Jss.createStyleSheet (Jss.js:123)
    at WithStyles.attach (withStyles.js:326)
    at new WithStyles (withStyles.js:193)
    at ReactCompositeComponent.js:294
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:293)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:279)

The same piece of code works fine if I return an empty object in the style. Am I missing anything?

Tech	Version
Material-UI	1.0.0-beta.47
React	15.6.1
browser	chrome (67.0.3396.87)

[oliviertassinari]

@celinrayen Your issue has been closed because it does not conform to our issue requirements.
Please provide a full reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!

[celinrayen]

@oliviertassinari https://codesandbox.io/s/y2lk2nl4l1 is the replicated code snippet.

[oliviertassinari]

Thanks. The fix is as simple as:

-NotificationBar.displayName = NotificationBar;
+NotificationBar.displayName = 'NotificationBar';

I'm adding a warning in the core about it.

[celinrayen]

@oliviertassinari Thanks a lot! Thats my bad. It's time to revisit my ESLINT rules :)