Я использовал react-jss с material-ui некоторое время. В руководстве по миграции material-ui 3.x -> 4.x сказано, что MUI 4 несовместим с React JSS 9.x:
react-jss
material-ui
https://material -ui.com / направляющие / миграционный v3 /
Кроме того, похоже, что проект react-jss был заархивирован:
https://github.com/cssinjs/react-jss
... но JSS не ниже версии 10:
https://cssinjs.org/?v=v10.0.0-alpha.16
Так что я совершенно не понимаю, как использовать React-JSS с MUI 4. Импорт отличается от "react-jss": "8.6.1", в package.json? Стоит ли переходить на Emotion или Styled Components? Так растерялся.
"react-jss": "8.6.1",
package.json
Вы можете использовать:
"react-jss": "10.0.0-alpha.16"
https://github.com/cssinjs/react-jss архивируется из-за того, что он был реструктурирован, чтобы стать частью jss monorepo (несколько пакетов в одном репозитории GitHub): https://github.com/cssinjs/jss/tree/master/packages/react-jss.
Всякий раз, когда вы обновляете Material-UI, вы должны проверить, изменилась ли версия jss в Material-UI, чтобы вы могли оставаться в синхронизации; в противном случае вы будете использовать две версии JSS. Вы можете проверить версию Material-UI jss здесь: https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/package.json#L48
Вам также следует выяснить, нужно ли вам использовать response-jss напрямую или просто использовать jss-оболочки в Material-UI (например, withStyles, makeStyles и т. Д.).
withStyles
makeStyles