`bunx remotionb studio` cannot render a video but `bunx remotion studio` can

[viveknathani]

Bug Report 🐛

Trying to spin up a basic studio setup in bun via remotionb.

Code we have:
src/Video.tsx

import { Composition } from "remotion";

const HelloWorld = () => {
  return (
    <div
      style={{
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        display: "flex",
        backgroundColor: "white",
      }}
    >
      <h1 style={{ fontSize: 60 }}>Hello, Remotion!</h1>
    </div>
  );
};

export const Video = () => {
  return (
    <>
      <Composition
        id="HelloWorld"
        component={HelloWorld}
        durationInFrames={150}
        fps={30}
        width={1920}
        height={1080}
      />
    </>
  );
};

src/index.ts

import { Video } from "./Video";

registerRoot(Video);

If we now try to render a video on bunx remotion studio, it works. But on bunx remotionb studio, it gives the following error:

│ Rendering frames     ━━━━━━━━━━━━━━━━━━   0/150
│ Encoding video       ━━━━━━━━━━━━━━━━━━   0/150│ Error: Protocol error (Page.bringToFront): Session closed. Most likely the page has been closed.
│ Error: Protocol error (Page.bringToFront): Session closed. Most likely the page has been closed.
│ Error: Protocol error (Page.bringToFront): Session closed. Most likely the page has been closed.
│ Error: Protocol error (Page.bringToFront): Session closed. Most likely the page has been closed.

Remotion CLI version: 4.0.331
Bun version: 1.2.19

[JonnyBurger]

I can confirm the issue.

Must be something with the Bun runtime not properly interoperating with Node.
For now, you must use bunx remotionb render or just Node :(

[dxvid-pts]

For now, you must use bunx remotionb render

On my machine, bunx remotionb render also doesn't work and fails with the same error message.

[dxvid-pts]

I filed a report on Bun's issue tracker as well: oven-sh/bun#22904

[JonnyBurger]

@dxvid-pts Thanks for this!