Sandpack v2 with environment: 'node' - how to remove the vite status iframe?

[nirtamir2]

I tried sandpack v2 with vite template. But I notice there is a bottom status bar for vite with the loading status and after it loads in shows text showing vite dev server port.
How to remove them?
I try doing it via css

            .sp-bridge-frame {
              display: none; 
            }
            
            .sp-c-cRHAdc {
              display: none; 
            }
           

But where selecting .sp-bridge-frame class seems ok , the .sp-c-cRHAdc for the loading details seems like an unstable HACK. Is there a better way to remove them?

[danilowoz]

Hey, I'm glad you asked this.

We introduced this status on top of the iframe for many reasons. Unfortunately, we are not allowed to disclose some of these reasons, but in fact, it gives a lot of value to the user because it indicates: the setup progress and if the server is live.

So, we can't provide a way to remove them or even encourage you to hide these pieces of the preview component.

Thanks

[nirtamir2]

Thanks for the answer!
I can understand it, but at the same time, this is not useful for showing a front-end component preview.
Following #735 discussion - It seems that it recommended using CRA instead of Vite to run React component (and generally prefers running the existing starters over vite in the node environment).
So this covers my use case (in CRA we don't have this iframe)