codesandbox / codesandbox/codesandbox-client
MUI/Material and Icons causes Codesandbox to load slowly or hang
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 13.6k
- Forks
- 2.4k
- Avg merge
- 6d 19h
- Merged PRs (30d)
- 2
Description
🐛 bug report
Preflight Checklist
- I have read the Contributing Guidelines for this project.
- I agree to follow the Code of Conduct that this project
adheres to. - I have searched the issue tracker for an issue that matches the one I want
to file, without success.
Description of the problem
In a fresh project adding material and material icons causes Codesandbox to get stuck on "Transpiling Modules" or white screen or display the following image:
How has this issue affected you? What are you trying to accomplish?
I cannot continue the project while this issue is present.
To Reproduce
Add @mui/material @emotion/react @emotion/styled and @mui/icons-material.
Link to sandbox: link (optional)
Your Environment
| Software | Name/Version |
|---|---|
| Сodesandbox | latest |
| Browser | Chrome |
| Operating System | Win 10 |
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open the linked CodeSandbox and reproduce the hang with @mui/material, @emotion/react, @emotion/styled, and @mui/icons-material. Start from the CodeSandbox transpilation/loading path; done means a fresh project with these packages loads instead of remaining on “Transpiling Modules” or showing a white screen.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- devtools, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 32/100