[docs-infra] Unable to download codesandbox

[Janpot]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:

1. Go to an example

2. Follow codesandbox button

3. In Files, click "export to ZIP"

   

4. Unpack the archive

5. navigate to the folder and run yarn && yarn start

Current behavior 😯

Failed to compile.

Module not found: Error: Can't resolve './Demo' in '/Users/janpotoms/Desktop/k5gwnp/src'
ERROR in ./src/index.tsx 7:0-26
Module not found: Error: Can't resolve './Demo' in '/Users/janpotoms/Desktop/k5gwnp/src'

webpack compiled with 1 error

Expected behavior 🤔

1. Run mv src/tsconfig.json tsconfig.json
2. Run again yarn start

Now it works

Context 🔦

• Additionally when you log in, fork, and go to the docker tab and convert to a cloud sandbox, the same happens:

  

• Related issue? [icons] Not able to use @mui/icons-material imports - module not found #38530

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[Janpot]

I noticed the default create-react-app template that ours is based on uses a src folder to contain the application. I suspect that it could start working if we change

material-ui/docs/src/modules/sandbox/CodeSandbox.ts

Lines 44 to 49 in 7f81475

	[`index.${ext}`]: {
	content: CRA.getRootIndex(demoData),
	},
	[`Demo.${ext}`]: {
	content: demoData.raw,
	},

to

    [`src/index.${ext}`]: {
      content: CRA.getRootIndex(demoData),
    },
    [`src/Demo.${ext}`]: {
      content: demoData.raw,
    },

[Karthikeya-Meesala]

Hey @siriwatknp,

I'm interested in working on this issue. Could you please assign it to me? I'd appreciate some guidance on how to get started and the best approach to tackle this.

Thanks!

[siriwatknp]

Hey @siriwatknp,

I'm interested in working on this issue. Could you please assign it to me? I'd appreciate some guidance on how to get started and the best approach to tackle this.

Thanks!

Assigned, thanks for asking!

[Karthikeya-Meesala]

Hi @siriwatknp, Thank you for assigning the issue to me. I've taken a closer look at the problem and the suggestions provided by Janpot. I'm considering starting with the file structure adjustment as proposed. Before I proceed, I'd appreciate any insights or suggestions you might have on this approach or if there are other considerations I should be aware of.

[Aditya-Sakpal]

Is this issue open ? Should I start working on it??

[siriwatknp]

Hi @siriwatknp, Thank you for assigning the issue to me. I've taken a closer look at the problem and the suggestions provided by Janpot. I'm considering starting with the file structure adjustment as proposed. Before I proceed, I'd appreciate any insights or suggestions you might have on this approach or if there are other considerations I should be aware of.

I think you can try the suggestion from @Janpot and see if it solve the problem.

[ARJ2160]

Hi, I have just started contributing to open source. If there are any changes you'd like to make to the PR please free to!
PS - Thank you @Janpot, the suggestion was tremendously helpful!