@remotion/renderer 4.0.89 → 4.0.90

package/dist/client.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export { AvailableOptions } from './options';
 export declare const BrowserSafeApis: {
     getFileExtensionFromCodec: <T extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">(codec: T, audioCodec: "mp3" | "aac" | "pcm-16" | "opus" | null) => import("./file-extensions").FileExtension;
@@ -204,7 +203,7 @@ export declare const BrowserSafeApis: {
         scaleOption: {
             name: string;
             cliFlag: "scale";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: number;
@@ -212,7 +211,7 @@ export declare const BrowserSafeApis: {
         crfOption: {
             name: string;
             cliFlag: "crf";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: number;
@@ -220,7 +219,7 @@ export declare const BrowserSafeApis: {
         jpegQualityOption: {
             name: string;
             cliFlag: "jpeg-quality";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: number;
@@ -228,7 +227,7 @@ export declare const BrowserSafeApis: {
         videoBitrate: {
             name: string;
             cliFlag: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: string | null;
@@ -236,7 +235,7 @@ export declare const BrowserSafeApis: {
         audioBitrateOption: {
             name: string;
             cliFlag: "audio-bitrate";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: string;
@@ -244,7 +243,7 @@ export declare const BrowserSafeApis: {
         enforceAudioOption: {
             name: string;
             cliFlag: "enforce-audio-track";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: boolean;
@@ -252,7 +251,7 @@ export declare const BrowserSafeApis: {
         muteOption: {
             name: string;
             cliFlag: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: boolean;
@@ -260,7 +259,7 @@ export declare const BrowserSafeApis: {
         videoCodecOption: {
             name: string;
             cliFlag: "codec";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: string;
@@ -268,7 +267,7 @@ export declare const BrowserSafeApis: {
         offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -276,7 +275,7 @@ export declare const BrowserSafeApis: {
         webhookCustomDataOption: {
             name: string;
             cliFlag: "webhook-custom-data";
-            description: (type: "ssr" | "cli") => JSX.Element;
+            description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
             ssrName: "customData";
             docLink: string;
             type: Record<string, unknown> | null;
@@ -284,7 +283,7 @@ export declare const BrowserSafeApis: {
         colorSpaceOption: {
             name: string;
             cliFlag: "color-space";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             ssrName: string;
             type: "default" | "bt709" | "bt2020-ncl";
@@ -292,7 +291,7 @@ export declare const BrowserSafeApis: {
         deleteAfterOption: {
             name: string;
             cliFlag: "delete-after";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "deleteAfter";
             docLink: string;
             type: string | null;
@@ -300,7 +299,7 @@ export declare const BrowserSafeApis: {
         folderExpiryOption: {
             name: string;
             cliFlag: "enable-folder-expiry";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "enableFolderExpiry";
             docLink: string;
             type: boolean | null;
@@ -308,7 +307,7 @@ export declare const BrowserSafeApis: {
         enableMultiprocessOnLinuxOption: {
             name: string;
             cliFlag: "enable-multiprocess-on-linux";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: boolean;
@@ -319,12 +318,12 @@ export declare const BrowserSafeApis: {
             name: string;
             type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             ssrName: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
         };
         enableLambdaInsights: {
             name: string;
             cliFlag: "enable-lambda-insights";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: boolean;
@@ -332,7 +331,7 @@ export declare const BrowserSafeApis: {
         encodingMaxRateOption: {
             name: string;
             cliFlag: "max-rate";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "encodingMaxRate";
             docLink: string;
             type: string | null;
@@ -340,7 +339,7 @@ export declare const BrowserSafeApis: {
         encodingBufferSizeOption: {
             name: string;
             cliFlag: "buffer-size";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "encodingBufferSize";
             docLink: string;
             type: string | null;
@@ -348,7 +347,7 @@ export declare const BrowserSafeApis: {
         beepOnFinishOption: {
             name: string;
             cliFlag: "beep-on-finish";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: null;
             docLink: string;
             type: boolean;
@@ -356,7 +355,7 @@ export declare const BrowserSafeApis: {
         numberOfGifLoopsOption: {
             name: string;
             cliFlag: "number-of-gif-loops";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "numberOfGifLoops";
             docLink: string;
             type: number | null;
@@ -364,7 +363,7 @@ export declare const BrowserSafeApis: {
         reproOption: {
             name: string;
             cliFlag: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: boolean;
@@ -376,7 +375,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -384,7 +383,7 @@ export declare const BrowserSafeApis: {
             readonly videoBitrate: {
                 name: string;
                 cliFlag: string;
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: string;
                 docLink: string;
                 type: string | null;
@@ -392,7 +391,7 @@ export declare const BrowserSafeApis: {
             readonly numberOfGifLoops: {
                 name: string;
                 cliFlag: "number-of-gif-loops";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "numberOfGifLoops";
                 docLink: string;
                 type: number | null;
@@ -400,7 +399,7 @@ export declare const BrowserSafeApis: {
             readonly repro: {
                 name: string;
                 cliFlag: string;
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: string;
                 docLink: string;
                 type: boolean;
@@ -410,7 +409,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -420,7 +419,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -430,7 +429,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -440,7 +439,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -450,7 +449,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -458,7 +457,7 @@ export declare const BrowserSafeApis: {
             readonly videoBitrate: {
                 name: string;
                 cliFlag: string;
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: string;
                 docLink: string;
                 type: string | null;
@@ -466,7 +465,7 @@ export declare const BrowserSafeApis: {
             readonly numberOfGifLoops: {
                 name: string;
                 cliFlag: "number-of-gif-loops";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "numberOfGifLoops";
                 docLink: string;
                 type: number | null;
@@ -476,7 +475,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -486,7 +485,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -496,7 +495,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
@@ -504,7 +503,7 @@ export declare const BrowserSafeApis: {
             readonly numberOfGifLoops: {
                 name: string;
                 cliFlag: "number-of-gif-loops";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "numberOfGifLoops";
                 docLink: string;
                 type: number | null;
@@ -514,7 +513,7 @@ export declare const BrowserSafeApis: {
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
-                description: () => JSX.Element;
+                description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;

package/dist/compositor/compose.js

@@ -81,16 +81,20 @@ const callCompositor = (payload, indent, logLevel) => {
             return;
         }
         try {
-            child.stdin.write(payload);
+            child.stdin.write(payload, (e) => {
+                if (e) {
+                    reject(e);
+                    return;
+                }
+                child.stdin.end();
+            });
         }
         catch (err) {
             if (err instanceof Error && err.message.includes('EPIPE')) {
                 reject(new Error('Compositor stdin closed unexpectedly,' +
                     Buffer.concat(stderrChunks).toString('utf-8')));
-                return;
             }
         }
-        child.stdin.end();
     });
 };
 exports.callCompositor = callCompositor;

package/dist/compositor/compositor.d.ts

@@ -2,7 +2,7 @@
 import type { LogLevel } from '../log-level';
 import type { CompositorCommand } from './payloads';
 export type Compositor = {
-    finishCommands: () => void;
+    finishCommands: () => Promise<void>;
     executeCommand: <T extends keyof CompositorCommand>(type: T, payload: CompositorCommand[T]) => Promise<Buffer>;
     waitForDone: () => Promise<void>;
     pid: number | null;

package/dist/compositor/compositor.js

@@ -181,7 +181,15 @@ const startCompositor = (type, payload, logLevel, indent) => {
             if (runningStatus.type === 'quit-without-error') {
                 throw new Error(`Compositor quit${runningStatus.signal ? ` with signal ${runningStatus.signal}` : ''}`);
             }
-            child.stdin.write('EOF\n');
+            return new Promise((res, rej) => {
+                child.stdin.write('EOF\n', (e) => {
+                    if (e) {
+                        rej(e);
+                        return;
+                    }
+                    res();
+                });
+            });
         },
         executeCommand: (command, params) => {
             if (runningStatus.type === 'quit-without-error') {
@@ -199,7 +207,11 @@ const startCompositor = (type, payload, logLevel, indent) => {
                         params,
                     },
                 };
-                child.stdin.write(JSON.stringify(composed) + '\n');
+                child.stdin.write(JSON.stringify(composed) + '\n', (e) => {
+                    if (e) {
+                        _reject(e);
+                    }
+                });
                 waiters.set(nonce, {
                     resolve: _resolve,
                     reject: _reject,

package/dist/copy-to-clipboard.js

@@ -11,7 +11,7 @@ const copyImageToClipboard = async (src, logLevel) => {
     await compositor.executeCommand('CopyImageToClipboard', {
         src,
     });
-    compositor.finishCommands();
+    await compositor.finishCommands();
     await compositor.waitForDone();
 };
 exports.copyImageToClipboard = copyImageToClipboard;

package/dist/extract-audio.js

@@ -13,7 +13,7 @@ const extractAudio = async (options) => {
         input_path: options.videoSource,
         output_path: options.audioOutput,
     });
-    compositor.finishCommands();
+    await compositor.finishCommands();
     await compositor.waitForDone();
 };
 exports.extractAudio = extractAudio;

package/dist/get-silent-parts.js

@@ -28,7 +28,7 @@ const getSilentParts = async ({ src, noiseThresholdInDecibels: passedNoiseThresh
         noiseThresholdInDecibels,
     });
     const response = JSON.parse(res.toString('utf-8'));
-    compositor.finishCommands();
+    await compositor.finishCommands();
     await compositor.waitForDone();
     const { silentParts, durationInSeconds } = response;
     return {

package/dist/get-video-metadata.js

@@ -12,7 +12,7 @@ const getVideoMetadata = async (videoSource, options) => {
     const metadataResponse = await compositor.executeCommand('GetVideoMetadata', {
         src: videoSource,
     });
-    compositor.finishCommands();
+    await compositor.finishCommands();
     await compositor.waitForDone();
     return JSON.parse(metadataResponse.toString('utf-8'));
 };

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="node" />
-/// <reference types="react" />
 /// <reference types="node" />
 import execa from 'execa';
 import { HeadlessBrowser } from './browser/Browser';
@@ -452,7 +451,7 @@ export declare const RenderInternals: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -487,7 +486,7 @@ export declare const RenderInternals: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -513,7 +512,7 @@ export declare const RenderInternals: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -541,4 +540,5 @@ export declare const RenderInternals: {
         host: string;
         hostsToTry: string[];
     };
+    makeDownloadMap: () => import("./assets/download-map").DownloadMap;
 };

package/dist/index.js

@@ -110,6 +110,7 @@ var stitch_frames_to_video_1 = require("./stitch-frames-to-video");
 Object.defineProperty(exports, "stitchFramesToVideo", { enumerable: true, get: function () { return stitch_frames_to_video_1.stitchFramesToVideo; } });
 var validate_output_filename_1 = require("./validate-output-filename");
 Object.defineProperty(exports, "validateOutputFilename", { enumerable: true, get: function () { return validate_output_filename_1.validateOutputFilename; } });
+const download_map_1 = require("./assets/download-map");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
@@ -196,6 +197,7 @@ exports.RenderInternals = {
     isIpV6Supported: port_config_1.isIpV6Supported,
     getChromiumGpuInformation: test_gpu_1.getChromiumGpuInformation,
     getPortConfig: port_config_1.getPortConfig,
+    makeDownloadMap: download_map_1.makeDownloadMap,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
 (0, check_apple_silicon_1.checkNodeVersionAndWarnAboutRosetta)('info', false);

package/dist/offthread-video-server.js

@@ -39,13 +39,13 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
         verbose: (0, log_level_1.isEqualOrBelowLogLevel)(logLevel, 'verbose'),
     }, logLevel, indent);
     return {
-        close: () => {
+        close: async () => {
             // Note: This is being used as a promise:
             //     .close().then()
             // but if finishCommands() fails, it acts like a sync function,
             // therefore we have to catch an error and put a promise rejection
             try {
-                compositor.finishCommands();
+                await compositor.finishCommands();
                 return compositor.waitForDone();
             }
             catch (err) {

package/dist/options/audio-bitrate.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const audioBitrateOption: {
     name: string;
     cliFlag: "audio-bitrate";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: string;

package/dist/options/beep-on-finish.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const beepOnFinishOption: {
     name: string;
     cliFlag: "beep-on-finish";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;

package/dist/options/color-space.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const validColorSpaces: readonly ["default", "bt709", "bt2020-ncl"];
 export type ColorSpace = (typeof validColorSpaces)[number];
 export declare const colorSpaceOption: {
     name: string;
     cliFlag: "color-space";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     docLink: string;
     ssrName: string;
     type: "default" | "bt709" | "bt2020-ncl";

package/dist/options/crf.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const crfOption: {
     name: string;
     cliFlag: "crf";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: number;

package/dist/options/delete-after.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const deleteAfterOption: {
     name: string;
     cliFlag: "delete-after";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "deleteAfter";
     docLink: string;
     type: string | null;

package/dist/options/enable-lambda-insights.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const enableLambdaInsights: {
     name: string;
     cliFlag: "enable-lambda-insights";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/enable-multiprocess-on-linux.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const enableMultiprocessOnLinuxOption: {
     name: string;
     cliFlag: "enable-multiprocess-on-linux";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/encoding-buffer-size.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const encodingBufferSizeOption: {
     name: string;
     cliFlag: "buffer-size";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "encodingBufferSize";
     docLink: string;
     type: string | null;

package/dist/options/encoding-max-rate.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const encodingMaxRateOption: {
     name: string;
     cliFlag: "max-rate";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "encodingMaxRate";
     docLink: string;
     type: string | null;

package/dist/options/enforce-audio.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const enforceAudioOption: {
     name: string;
     cliFlag: "enforce-audio-track";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/folder-expiry.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const folderExpiryOption: {
     name: string;
     cliFlag: "enable-folder-expiry";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "enableFolderExpiry";
     docLink: string;
     type: boolean | null;

package/dist/options/gl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
 export declare const glOption: {
     cliFlag: "gl";
@@ -6,7 +5,7 @@ export declare const glOption: {
     name: string;
     type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
     ssrName: string;
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
 };
 export type OpenGlRenderer = (typeof validOpenGlRenderers)[number];
 export declare const DEFAULT_OPENGL_RENDERER: OpenGlRenderer | null;

package/dist/options/index.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const allOptions: {
     scaleOption: {
         name: string;
         cliFlag: "scale";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: number;
@@ -11,7 +10,7 @@ export declare const allOptions: {
     crfOption: {
         name: string;
         cliFlag: "crf";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: number;
@@ -19,7 +18,7 @@ export declare const allOptions: {
     jpegQualityOption: {
         name: string;
         cliFlag: "jpeg-quality";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: number;
@@ -27,7 +26,7 @@ export declare const allOptions: {
     videoBitrate: {
         name: string;
         cliFlag: string;
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: string | null;
@@ -35,7 +34,7 @@ export declare const allOptions: {
     audioBitrateOption: {
         name: string;
         cliFlag: "audio-bitrate";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: string;
@@ -43,7 +42,7 @@ export declare const allOptions: {
     enforceAudioOption: {
         name: string;
         cliFlag: "enforce-audio-track";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: boolean;
@@ -51,7 +50,7 @@ export declare const allOptions: {
     muteOption: {
         name: string;
         cliFlag: string;
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: boolean;
@@ -59,7 +58,7 @@ export declare const allOptions: {
     videoCodecOption: {
         name: string;
         cliFlag: "codec";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: string;
@@ -67,7 +66,7 @@ export declare const allOptions: {
     offthreadVideoCacheSizeInBytes: {
         name: string;
         cliFlag: "offthreadvideo-cache-size-in-bytes";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "offthreadVideoCacheSizeInBytes";
         docLink: string;
         type: number | null;
@@ -75,7 +74,7 @@ export declare const allOptions: {
     webhookCustomDataOption: {
         name: string;
         cliFlag: "webhook-custom-data";
-        description: (type: "ssr" | "cli") => JSX.Element;
+        description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         ssrName: "customData";
         docLink: string;
         type: Record<string, unknown> | null;
@@ -83,7 +82,7 @@ export declare const allOptions: {
     colorSpaceOption: {
         name: string;
         cliFlag: "color-space";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         docLink: string;
         ssrName: string;
         type: "default" | "bt709" | "bt2020-ncl";
@@ -91,7 +90,7 @@ export declare const allOptions: {
     deleteAfterOption: {
         name: string;
         cliFlag: "delete-after";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "deleteAfter";
         docLink: string;
         type: string | null;
@@ -99,7 +98,7 @@ export declare const allOptions: {
     folderExpiryOption: {
         name: string;
         cliFlag: "enable-folder-expiry";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "enableFolderExpiry";
         docLink: string;
         type: boolean | null;
@@ -107,7 +106,7 @@ export declare const allOptions: {
     enableMultiprocessOnLinuxOption: {
         name: string;
         cliFlag: "enable-multiprocess-on-linux";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: boolean;
@@ -118,12 +117,12 @@ export declare const allOptions: {
         name: string;
         type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         ssrName: string;
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
     };
     enableLambdaInsights: {
         name: string;
         cliFlag: "enable-lambda-insights";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: boolean;
@@ -131,7 +130,7 @@ export declare const allOptions: {
     encodingMaxRateOption: {
         name: string;
         cliFlag: "max-rate";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "encodingMaxRate";
         docLink: string;
         type: string | null;
@@ -139,7 +138,7 @@ export declare const allOptions: {
     encodingBufferSizeOption: {
         name: string;
         cliFlag: "buffer-size";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "encodingBufferSize";
         docLink: string;
         type: string | null;
@@ -147,7 +146,7 @@ export declare const allOptions: {
     beepOnFinishOption: {
         name: string;
         cliFlag: "beep-on-finish";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: null;
         docLink: string;
         type: boolean;
@@ -155,7 +154,7 @@ export declare const allOptions: {
     numberOfGifLoopsOption: {
         name: string;
         cliFlag: "number-of-gif-loops";
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "numberOfGifLoops";
         docLink: string;
         type: number | null;
@@ -163,7 +162,7 @@ export declare const allOptions: {
     reproOption: {
         name: string;
         cliFlag: string;
-        description: () => JSX.Element;
+        description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: string;
         docLink: string;
         type: boolean;

package/dist/options/jpeg-quality.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const jpegQualityOption: {
     name: string;
     cliFlag: "jpeg-quality";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: number;

package/dist/options/mute.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const muteOption: {
     name: string;
     cliFlag: string;
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/number-of-gif-loops.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const numberOfGifLoopsOption: {
     name: string;
     cliFlag: "number-of-gif-loops";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "numberOfGifLoops";
     docLink: string;
     type: number | null;

package/dist/options/offthreadvideo-cache-size.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const offthreadVideoCacheSizeInBytes: {
     name: string;
     cliFlag: "offthreadvideo-cache-size-in-bytes";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "offthreadVideoCacheSizeInBytes";
     docLink: string;
     type: number | null;

package/dist/options/options-map.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const optionsMap: {
     readonly renderMedia: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -12,7 +11,7 @@ export declare const optionsMap: {
         readonly videoBitrate: {
             name: string;
             cliFlag: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: string | null;
@@ -20,7 +19,7 @@ export declare const optionsMap: {
         readonly numberOfGifLoops: {
             name: string;
             cliFlag: "number-of-gif-loops";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "numberOfGifLoops";
             docLink: string;
             type: number | null;
@@ -28,7 +27,7 @@ export declare const optionsMap: {
         readonly repro: {
             name: string;
             cliFlag: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: boolean;
@@ -38,7 +37,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -48,7 +47,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -58,7 +57,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -68,7 +67,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -78,7 +77,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -86,7 +85,7 @@ export declare const optionsMap: {
         readonly videoBitrate: {
             name: string;
             cliFlag: string;
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
             type: string | null;
@@ -94,7 +93,7 @@ export declare const optionsMap: {
         readonly numberOfGifLoops: {
             name: string;
             cliFlag: "number-of-gif-loops";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "numberOfGifLoops";
             docLink: string;
             type: number | null;
@@ -104,7 +103,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -114,7 +113,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -124,7 +123,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
@@ -132,7 +131,7 @@ export declare const optionsMap: {
         readonly numberOfGifLoops: {
             name: string;
             cliFlag: "number-of-gif-loops";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "numberOfGifLoops";
             docLink: string;
             type: number | null;
@@ -142,7 +141,7 @@ export declare const optionsMap: {
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => JSX.Element;
+            description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;

package/dist/options/repro.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const reproOption: {
     name: string;
     cliFlag: string;
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;

package/dist/options/scale.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const scaleOption: {
     name: string;
     cliFlag: "scale";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: number;

package/dist/options/video-bitrate.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const videoBitrate: {
     name: string;
     cliFlag: string;
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: string | null;

package/dist/options/video-codec.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const videoCodecOption: {
     name: string;
     cliFlag: "codec";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: string;

package/dist/options/webhook-custom-data.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const webhookCustomDataOption: {
     name: string;
     cliFlag: "webhook-custom-data";
-    description: (type: "ssr" | "cli") => JSX.Element;
+    description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     ssrName: "customData";
     docLink: string;
     type: Record<string, unknown> | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.89",
+  "version": "4.0.90",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.0.89"
+    "remotion": "4.0.90"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -30,8 +30,8 @@
     "@testing-library/react": "13.3.0",
     "@types/node": "18.14.6",
     "@types/progress": "2.0.5",
-    "@types/react": "18.0.26",
-    "@types/react-dom": "18.0.11",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
     "eslint": "8.42.0",
     "prettier": "3.1.1",
     "prettier-plugin-organize-imports": "3.2.4",
@@ -40,13 +40,13 @@
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-linux-arm64-gnu": "4.0.89",
-    "@remotion/compositor-darwin-arm64": "4.0.89",
-    "@remotion/compositor-darwin-x64": "4.0.89",
-    "@remotion/compositor-linux-arm64-musl": "4.0.89",
-    "@remotion/compositor-linux-x64-musl": "4.0.89",
-    "@remotion/compositor-linux-x64-gnu": "4.0.89",
-    "@remotion/compositor-win32-x64-msvc": "4.0.89"
+    "@remotion/compositor-darwin-arm64": "4.0.90",
+    "@remotion/compositor-darwin-x64": "4.0.90",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.90",
+    "@remotion/compositor-linux-x64-gnu": "4.0.90",
+    "@remotion/compositor-linux-x64-musl": "4.0.90",
+    "@remotion/compositor-linux-arm64-musl": "4.0.90",
+    "@remotion/compositor-win32-x64-msvc": "4.0.90"
   },
   "keywords": [
     "remotion",