Using nextjs app dir inside of sandpack

[benjaminshafii]

Bug report

Packages affected

• [x] sandpack-client
• [x] sandpack-react

Description of the problem

I am trying to use Sandpack with Next.js and set up the app directory inside the template. Specifically, I want to modify the Next.js template to reflect the app directory file structure and use it in my custom setup.

What were you doing when the problem occurred?

I was trying to modify the Next.js template used by Sandpack to reflect the app directory file structure.

What steps can we take to reproduce the problem?

1. Modify the Next.js template used by Sandpack to reflect the app directory file structure.
2. Use the modified template in the custom setup of Sandpack.
3. Run Sandpack with the modified template and observe the problem.

Link to sandbox:

Interestingly the sandbox link loads correctly https://codesandbox.io/p/sandbox/lq7kpr?utm_medium=sandpack&file=%2Fapp%2Fpage.js%3A1%2C1

Your Environment

Software	Name/Version
Sandpack-react version	^2.6.7
Browser	Chrome 113.0.5672.126 (Official Build) (arm64)
Operating System	macos13.3.1 (22E261)

Screenshots

Instatiation of sandpack

Modified NEXTJS template

Error message

[ochmanski]

any news? did you manage to get it working?

[ochmanski]

getting this error with next 13.5.6 and @next/swc-wasm-nodejs 13.5.6

[xiaomuxi]

any updates?

[cameronking4]

Same issue