Update remotion/render.mjs

remotion/render.mjs

@@ -1,12 +1,10 @@
 import { bundle } from '@remotion/bundler';
 import { renderMedia, selectComposition } from '@remotion/renderer';
 import { createRequire } from 'node:module';
-
 const require = createRequire(import.meta.url);
 
 const bundled = await bundle({
-    entryPoint: require.resolve('./src/index.tsx'), // your main TSX
-    webpackOverride: (config) => config,
+    entryPoint: require.resolve('./src/index.tsx'),
 });
 
 const inputProps = {
@@ -15,17 +13,8 @@ const inputProps = {
         targetAudience: "General",
         summary: "Sample render",
         scenes: [
-            {
-                title: "Hello World",
-                duration: 3,
-                voiceover: "Welcome to Remotion!",
-                codeSnippet: "DemoComponent",
-            },
-            {
-                title: "Second Scene",
-                duration: 2,
-                voiceover: "This is scene two."
-            }
+            { title: "Scene 1", duration: 2 },
+            { title: "Scene 2", duration: 3 },
         ],
         config: {
             visualTheme: "STOMP",
@@ -36,10 +25,15 @@ const inputProps = {
     }
 };
 
+console.log('=== VIDEO SCRIPT PASSED TO COMPOSITION ===', inputProps);
+
 const composition = await selectComposition({
     serveUrl: bundled,
-    id: 'VideoComposition', // must match your index.tsx Composition id
+    id: 'VideoComposition', // MUST MATCH index.tsx
     inputProps,
+    onBrowserDownload: (progress) => {
+        console.log(`Chrome download progress: ${progress.percent.toFixed(2)}%`);
+    },
 });
 
 console.log('Starting render...');
@@ -51,6 +45,7 @@ await renderMedia({
     outputLocation: `out/${composition.id}.mp4`,
     chromiumOptions: {
         enableMultiProcessOnLinux: true,
+        args: ['--no-sandbox', '--disable-setuid-sandbox'],
     },
     inputProps,
 });