Material-ui: Uncaught TypeError Cannot read property '1' of undefined jssPreset

[javadzobeidi]

i got error when i used jssPreset().plugins but when i change to use default jss-preset-default it's work. how can i solve? thanks. i want to use preset of material-ui

Uncaught TypeError: Cannot read property '1' of undefined at supportedKeyframes (css-vendor.esm.js:77) at Array.onProcessRule (jss-plugin-vendor-prefixer.esm.js:17) at PluginsRegistry.onProcessRule (PluginsRegistry.js:56) at Array.forEach (<anonymous>) at RuleList.process (RuleList.js:163) at new StyleSheet (StyleSheet.js:55) at Jss.createStyleSheet (Jss.js:123) at attach (makeStyles.js:115) at eval (makeStyles.js:254) at useSynchronousEffect (makeStyles.js:206)

[oliviertassinari]

@javadzobeidi You have a JSS conflict between v9 and v10 running at the same time.

[Neta-Alon]

@oliviertassinari Your comment was spot on.
The issue is that while material-ui requires JSS v10, the current default JSS version on NPM is 9.8.7. So just npm install-ing both of them will cause this issue.

I'm guessing it's gonna happen to a lot of other folks, so just dropping in the simple fix:
npm install [email protected]

[oliviertassinari]

We could think of adding a warning. I'm not sure how much people it impacts. Can the folks impacted by the problem 👍 to help us prioritize?