sandpack icon indicating copy to clipboard operation
sandpack copied to clipboard

Infinite loading if we just add the <SandpackPreview> inside <SandpackProvider>

Open iampava opened this issue 1 year ago • 10 comments

Bug report

Packages affected

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

Description of the problem

It seems like the following setup results (most of the time) in infinite loading, without ever showing the result/preview:

<SandpackProvider template="vanilla-ts">
  <SandpackPreview />
</SandpackProvider>

On the other hand, if I wrap the <SandpackPreview inside a <SandpackLayout> it seems to be working:

<SandpackProvider template="vanilla-ts">
  <SandpackLayout>
    <SandpackPreview />
  </SandpackLayout>
</SandpackProvider>

https://user-images.githubusercontent.com/11327761/226484234-0fa26d34-2eb2-4271-b060-c2be4fa67932.mov

Link to sandbox: https://codesandbox.io/s/sandpack-infinite-loading-bug-vkqdd7

Your Environment

Software Name/Version
Sandpack-client version 2.1.9
Sandpack-react version 2.1.9
Browser Firefox
Operating System Mac OS Ventura

iampava avatar Mar 20 '23 23:03 iampava