DefaultPropsProvider breaks microfrontend setups - please move to @mui/styles

[csvan]

Summary

The newly introduced DefaultPropsProvider (#42820) causes problems in micro-frontend setups, since it is located in the main @mui/material package which is usually too big to be shared between modules in a micro-frontend environment.

The root of the problem is that each module in the environment will get its own instance of DefaultPropsProvider, meaning that custom properties injected in an orchestrator (e.g. an App Shell) are erased on the module-level.

The common way to solve this issue would be to instead move this provider to a smaller, shareable package which can be shared. The best place is probably @mui/styles, which also houses the ThemeProvider (which also needs to be shared across modules).

Examples

No response

Motivation

Better support for micro-frontends.

Search keywords: DefaultPropsProvider

[siriwatknp]

The DefaultPropsProvider in @mui/material is a reexport of @mui/system so the context is already created from a shareable package: https://github.com/mui/material-ui/blob/next/packages/mui-system/src/DefaultPropsProvider/DefaultPropsProvider.tsx#L6.

Can you provide a reproducible sandbox that replicate the issue you are facing? I can take a look.

[csvan]

@siriwatknp thanks for the reply! We already share @mui/system, and unfortunately the problem is still happening.

I will look into a reproducible example, but unfortunately our setup is proprietary and quite complex.

[mnajdova]

We already share @mui/system, and unfortunately the problem is still happening.

The behavior should already be the same for the ThemeProvider and the DefaultPropsProvider from @mui/system. You mentioned @mui/styles - this package is related to the v4 styling (makeStyles, etc).

One thing to make sure is to check that you have the same versions everywhere - this is most often the issue for ending up with different contexts.

[siriwatknp]

Close this issue as I think it's related to the setup, not Material UI. Feel free to reopen with reproducible sandbox/repo, I'm happy to take a look.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@csvan How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.