DataCloneError when fetching endpoint in Next.js

[CTNicholas]

Bug report

Packages affected

• sandpack-client
• sandpack-react

Description of the problem

When you fetch an API endpoint in Next.js you get a DataCloneError. Looks like a function isn't serialized for postMessage. If you then "open in CodeSandbox", the error doesn't occur.

What were you doing when the problem occurred?

Trying to fetch an endpoint.

What steps can we take to reproduce the problem?

Click the button in the sandbox to see the error.

If you "open in CodeSandbox" from the Sandpack demo, you'll see the code works fine there, just not in Sandpack.

Link to sandbox: link (optional)

Your Environment

Software	Name/Version
Sandpack-react version	2.0.1
Browser	Chrome
Operating System	Windows 10

PS: Love the project, thanks for your work on it!

[danilowoz]

@DeMoorJasper, could you please take a look at this issue?