MaterialUI zusammen mit gestylten Komponenten, SSR

Question

Ich baue ein neues Projekt mit SSR mit Next.js, MaterialUI und styled-Komponenten. Soweit ich weiß, verwendet MaterialUI JSS als Werkzeug für SSR (gemäß example in seinem Repository). Ich frage mich, ob jemand weiß, wie ich es mit gestylten Komponenten arbeiten lassen kann. Ich habe Probleme in MaterialUI und styled-components-Repositories geklärt, beide Autoren haben mir geantwortet, dass sie nicht wissen, wie sie zusammenarbeiten können. Aber wahrscheinlich hat es schon jemand gemacht? Oder kann mir wenigstens sagen, wo ich graben muss, um dieses Problem zu lösen. Danke im Voraus!

Answer 1

Sie können gestylte Komponenten mit Material ui verwenden, aber Sie werden am Ende oft !important verwenden müssen. Wie folgt aus:

import Button from "material-ui/Button" 

const MyButton = styled(Button)` 
    background: red !important; 
` 

Im Projekt arbeite ich an mit der gleichen Combo, habe ich Zuflucht nur die JSS Artmaterial-ui zu verwenden will man mit der ganzen withStyles HOC zu verwenden ..

Answer 2

Sieht so aus, als hätten wir 3 Möglichkeiten (könnte einfacher sein, aber nicht alles ist Blumen), um Material-UI-Stile mit Stilelementen zu überschreiben. Hier ist meine Gist.