[Beta] Upgrade Sandpack

[gaearon]

Resubmit of #4843 with a few fixes on top.

[github-actions]

Size Changes

📦 Next.js Bundle Analysis

This analysis was generated by the next.js bundle analysis action 🤖

🎉 Global Bundle Size Decreased

Page	Size (compressed)
global	82.38 KB (🟢 -2.03 KB)

Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

[harish-sethuraman]

Did this just introduce a horizontal scroll? https://beta-reactjs-6gh2p4qfo-fbopensource.vercel.app/learn/managing-state

[gaearon]

yeah i think something here is doing this...

[gaearon]

something's wrong with the layout of long lines in sandboxes. they don't fit anymore.

[gaearon]

seems fine. let's fix forward