🐛 BUG: Inability to use MUI with a React app

[andrewdavidcostello]

What version of astro are you using?

1.0.0-rc.2

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

npm

What operating system are you using?

Mac

Describe the Bug

This is a new fresh create astro with react and material-ui added to test library compatibility.

Running dev is fine but running build results in the below error before adding material ui to noExternal:

After adding mui to noExternal:

This may simply be an issue with material ui, apologies if so.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-mggo3n?file=astro.config.mjs

Participation

• I am willing to submit a pull request for this issue.

[matthewp]

You probably want to add @mui/material to vite.ssr.noExternals.

[andrewdavidcostello]

You probably want to add @mui/material to vite.ssr.noExternals.

Thanks for the reply but as per above that is exactly what I tried, the before and after error. Final example on stackblitz shows it in noExtenal.

[codingfunwoody]

swithc to client-only for workaround
https://github.com/withastro/astro/issues/4107#issuecomment-1215069951

[matthewp]

Going to add a warning for this one.