Howdy folks, I am struggling with Grid components using the material ui kotlin js. I am using the official API from the Jetbrains wrappers for Material UI and I am trying to change the xs property for the Grid to vary how many grids a component can take, but it seems that I am not able to do so as vals cannot be reassigned (compiler complaint i get), upon closer inspection, the xs property of Breakpoint is an attribute from an enum whose values cant be changed. So my question is how can I change the xs property for Grid component in material UI. I have shown screenshots of the code I am trying to implement and also the kotlin js one. Would appreciate some help

Normally you would just be able to do

xs = ...

, but that property seems to be missing. I found this issue about it that seems to contain a temporary fix: https://github.com/JetBrains/kotlin-wrappers/issues/1856

Hi @Kelvin Ojiako, here you can find how to set breakpoints for

Grid

component: karakum-team/kotlin-mui-showcase Also there are lots of other examples of MUI component usages in this repo

Thanks a lot @Steven @aerialist took me a while but I finally get it