Draft: Try converting packages to ESM

[Janpot]

Investigating #28628

package: https://pkg.csb.dev/mui-org/material-ui/commit/9be0f0dd/@mui/material

To Do:

• Testing
• This doesn't work with react <=17: Bug: Cannot import 'react/jsx-runtime' from esm node/webpack 5 facebook/react#20235, We're probably stuck on this until package exports are backported to react 17 (or we bump our react peer dependency >=18).

[mui-pr-bot]

Details of bundle changes

Generated by 🚫 dangerJS against beb6c86

[mui-bot]

Netlify deploy preview

https://deploy-preview-30510--material-ui.netlify.app/

@material-ui/core: parsed: +0.09% , gzip: +0.11%
@material-ui/lab: parsed: +0.17% , gzip: +0.18%
@material-ui/unstyled: parsed: +0.53% , gzip: +0.53%
@material-ui/utils: parsed: +3.85% , gzip: +3.71%
@mui/material-next: parsed: +0.29% , gzip: +0.32%
@mui/joy: parsed: +0.11% , gzip: +0.20%

Bundle size report

Details of bundle changes

Generated by 🚫 dangerJS against 944f511

[wight554]

https://github.com/sheremet-va/dual-packaging might be helpful
I guess it's possible to integrate it in non-major release w/o breaking changes by keeping package cjs with proper esm exports

[Janpot]

Superseded by #41102