I’d like to use the latest material UI in my custom plugin. I seem to be getting errors when I load builder, however there isn’t any documentation or forum posts about the version of MUI we must conform to or related to using MUI in a custom plugin.
Can you speak to MUI and how it relates to the builder CMS UI, especially when it comes to custom plugins?
The version of material ui referenced in some of the plugin examples are so old they pre-date material ui’s shift from @material-ui to @mui which happened in 2021.
Hello @elir-usafacts,
To better understand what’s happening, could you provide a few more details:
- Which version of MUI are you trying to use in your custom plugin?
- Are you seeing errors in the Builder editor, in your plugin’s preview, or both?
- If possible, a minimal reproducible example or code snippet would be really helpful.
A few things to keep in mind:
- Builder’s admin UI is built on an internal version of Material UI, which may be older than the latest
@mui/* v5.
- Using a different MUI version in your plugin can sometimes cause style conflicts, theme mismatches, or React context errors.
- Isolating your plugin’s dependencies and using a separate theme/emotion cache can often help avoid these conflicts.
Once we have a reproducible case, we can take a closer look and provide more specific guidance.
Thanks!
I’m also having issues with MaterialUI v7. The AI keeps trying to use the Grid2 component and then reverting back to the legacy Grid structure. However, MUI v7 has updated the Grid component itself to Grid2. Any planned fixes or updates?