remotion 4.0.235 → 4.0.237

package/dist/cjs/CompositionManager.d.ts

@@ -79,7 +79,7 @@ export type ArtifactAsset = {
 export type TRenderAsset = AudioOrVideoAsset | ArtifactAsset;
 export declare const compositionsRef: React.RefObject<{
     getCompositions: () => AnyComposition[];
-}>;
+} | null>;
 export declare const CompositionManagerProvider: React.FC<{
     readonly children: React.ReactNode;
     readonly numberOfAudioTags: number;

package/dist/cjs/EditorProps.d.ts

@@ -13,7 +13,7 @@ export declare const EditorPropsContext: React.Context<EditorPropsContextType>;
 export declare const editorPropsProviderRef: React.RefObject<{
     getProps: () => Props;
     setProps: React.Dispatch<React.SetStateAction<Props>>;
-}>;
+} | null>;
 export declare const EditorPropsProvider: React.FC<{
     readonly children: React.ReactNode;
 }>;

package/dist/cjs/ResolveCompositionConfig.d.ts

@@ -6,7 +6,7 @@ export declare const ResolveCompositionContext: import("react").Context<ResolveC
 export declare const resolveCompositionsRef: import("react").RefObject<{
     setCurrentRenderModalComposition: (compositionId: string | null) => void;
     reloadCurrentlySelectedComposition: () => void;
-}>;
+} | null>;
 type VideoConfigState = {
     type: 'loading';
 } | {

package/dist/cjs/audio/AudioForPreview.js

@@ -103,7 +103,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     (0, react_1.useImperativeHandle)(ref, () => {
         return audioRef.current;
     }, [audioRef]);
-    const currentOnDurationCallback = (0, react_1.useRef)();
+    const currentOnDurationCallback = (0, react_1.useRef)(onDuration);
     currentOnDurationCallback.current = onDuration;
     (0, react_1.useEffect)(() => {
         var _a;

package/dist/cjs/audio/shared-audio-tags.d.ts

@@ -15,7 +15,7 @@ import type { RemotionAudioProps } from './props.js';
 type AudioElem = {
     id: number;
     props: RemotionAudioProps;
-    el: React.RefObject<HTMLAudioElement>;
+    el: React.RefObject<HTMLAudioElement | null>;
     audioId: string;
 };
 type SharedContext = {

package/dist/cjs/buffer-until-first-frame.d.ts

@@ -1,5 +1,5 @@
 export declare const useBufferUntilFirstFrame: ({ mediaRef, mediaType, onVariableFpsVideoDetected, pauseWhenBuffering, }: {
-    mediaRef: React.RefObject<HTMLVideoElement | HTMLAudioElement>;
+    mediaRef: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
     mediaType: "video" | "audio";
     onVariableFpsVideoDetected: () => void;
     pauseWhenBuffering: boolean;

package/dist/cjs/internals.d.ts

@@ -26,7 +26,7 @@ export declare const Internals: {
     readonly getRoot: () => import("react").FC<{}> | null;
     readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
     readonly useMediaMutedState: () => readonly [boolean, (u: React.SetStateAction<boolean>) => void];
-    readonly useLazyComponent: <Props>(compProps: CompProps<Props>) => import("react").ExoticComponent<(import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>) | import("react").PropsWithRef<Props>> & {
+    readonly useLazyComponent: <Props>(compProps: CompProps<Props>) => import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
         readonly _result: import("react").ComponentType<Props>;
     };
     readonly truthy: typeof truthy;
@@ -42,7 +42,7 @@ export declare const Internals: {
         registerAudio: (aud: import("./index.js").RemotionAudioProps, audioId: string) => {
             id: number;
             props: import("./index.js").RemotionAudioProps;
-            el: import("react").RefObject<HTMLAudioElement>;
+            el: import("react").RefObject<HTMLAudioElement | null>;
             audioId: string;
         };
         unregisterAudio: (id: number) => void;
@@ -64,7 +64,7 @@ export declare const Internals: {
     readonly getPreviewDomElement: () => HTMLElement | null;
     readonly compositionsRef: import("react").RefObject<{
         getCompositions: () => import("./CompositionManager.js").AnyComposition[];
-    }>;
+    } | null>;
     readonly portalNode: () => HTMLElement;
     readonly waitForRoot: (fn: (comp: import("react").FC) => void) => (() => void);
     readonly CanUseRemotionHooksProvider: import("react").FC<{
@@ -113,7 +113,7 @@ export declare const Internals: {
     readonly resolveCompositionsRef: import("react").RefObject<{
         setCurrentRenderModalComposition: (compositionId: string | null) => void;
         reloadCurrentlySelectedComposition: () => void;
-    }>;
+    } | null>;
     readonly ResolveCompositionConfig: import("react").FC<import("react").PropsWithChildren<{
         children: React.ReactNode;
     }>>;
@@ -163,7 +163,7 @@ export declare const Internals: {
         setProps: import("react").Dispatch<import("react").SetStateAction<{
             [x: string]: Record<string, unknown>;
         }>>;
-    }>;
+    } | null>;
     readonly PROPS_UPDATED_EXTERNALLY: "remotion.propsUpdatedExternally";
     readonly validateRenderAsset: (artifact: TRenderAsset) => void;
 };

package/dist/cjs/play-and-handle-not-allowed-error.d.ts

@@ -1,2 +1,2 @@
 import type { RefObject } from 'react';
-export declare const playAndHandleNotAllowedError: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>, mediaType: "audio" | "video", onAutoPlayError: null | (() => void)) => void;
+export declare const playAndHandleNotAllowedError: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>, mediaType: "audio" | "video", onAutoPlayError: null | (() => void)) => void;

package/dist/cjs/use-media-buffering.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 export declare const useMediaBuffering: ({ element, shouldBuffer, isPremounting, }: {
-    element: React.RefObject<HTMLVideoElement | HTMLAudioElement>;
+    element: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
     shouldBuffer: boolean;
     isPremounting: boolean;
 }) => boolean;

package/dist/cjs/use-media-in-timeline.d.ts

@@ -3,7 +3,7 @@ import type { VolumeProp } from './volume-prop.js';
 export declare const useMediaInTimeline: ({ volume, mediaVolume, mediaRef, src, mediaType, playbackRate, displayName, id, stack, showInTimeline, premountDisplay, onAutoPlayError, }: {
     volume: VolumeProp | undefined;
     mediaVolume: number;
-    mediaRef: RefObject<HTMLAudioElement | HTMLVideoElement>;
+    mediaRef: RefObject<HTMLAudioElement | HTMLVideoElement | null>;
     src: string | undefined;
     mediaType: "audio" | "video";
     playbackRate: number;

package/dist/cjs/use-media-playback.d.ts

@@ -1,7 +1,7 @@
 import type { RefObject } from 'react';
 export declare const DEFAULT_ACCEPTABLE_TIMESHIFT = 0.45;
 export declare const useMediaPlayback: ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, pauseWhenBuffering, isPremounting, debugSeeking, onAutoPlayError, }: {
-    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>;
+    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>;
     src: string | undefined;
     mediaType: "audio" | "video";
     playbackRate: number;

package/dist/cjs/use-media-tag-volume.d.ts

@@ -1,2 +1,2 @@
 import type { RefObject } from 'react';
-export declare const useMediaTagVolume: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>) => number;
+export declare const useMediaTagVolume: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>) => number;

package/dist/cjs/use-request-video-callback-time.d.ts

@@ -1,7 +1,7 @@
 import type { RefObject } from 'react';
 export declare const useRequestVideoCallbackTime: ({ mediaRef, mediaType, lastSeek, onVariableFpsVideoDetected, }: {
-    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>;
+    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>;
     mediaType: "video" | "audio";
     lastSeek: React.MutableRefObject<number | null>;
     onVariableFpsVideoDetected: () => void;
-}) => import("react").MutableRefObject<number | null>;
+}) => RefObject<number | null>;

package/dist/cjs/use-sync-volume-with-media-tag.d.ts

@@ -5,6 +5,6 @@ export type UseSyncVolumeWithMediaTagOptions = {
     actualVolume: number;
     volume?: VolumeProp;
     mediaVolume: number;
-    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>;
+    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>;
 };
 export declare const useSyncVolumeWithMediaTag: ({ volumePropFrame, actualVolume, volume, mediaVolume, mediaRef, }: UseSyncVolumeWithMediaTagOptions) => void;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.235";
+export declare const VERSION = "4.0.237";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.235';
+exports.VERSION = '4.0.237';

package/dist/cjs/video/VideoForPreview.js

@@ -112,7 +112,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
             current.removeEventListener('error', errorHandler);
         };
     }, [onError, src]);
-    const currentOnDurationCallback = (0, react_1.useRef)();
+    const currentOnDurationCallback = (0, react_1.useRef)(onDuration);
     currentOnDurationCallback.current = onDuration;
     (0, emit_video_frame_js_1.useEmitVideoFrame)({ ref: videoRef, onVideoFrame });
     (0, react_1.useEffect)(() => {

package/dist/cjs/video/emit-video-frame.d.ts

@@ -1,5 +1,5 @@
 import type { OnVideoFrame } from './props';
 export declare const useEmitVideoFrame: ({ ref, onVideoFrame, }: {
-    ref: React.RefObject<HTMLVideoElement>;
+    ref: React.RefObject<HTMLVideoElement | null>;
     onVideoFrame: OnVideoFrame | null;
 }) => void;

package/dist/esm/index.mjs

@@ -102,7 +102,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.235";
+var VERSION = "4.0.237";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -3411,7 +3411,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   useImperativeHandle3(ref, () => {
     return audioRef.current;
   }, [audioRef]);
-  const currentOnDurationCallback = useRef8();
+  const currentOnDurationCallback = useRef8(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEffect14(() => {
     const { current } = audioRef;
@@ -6079,7 +6079,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       current.removeEventListener("error", errorHandler);
     };
   }, [onError, src]);
-  const currentOnDurationCallback = useRef13();
+  const currentOnDurationCallback = useRef13(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEmitVideoFrame({ ref: videoRef, onVideoFrame });
   useEffect21(() => {

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.235";
+var VERSION = "4.0.237";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.235",
+  "version": "4.0.237",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -18,17 +18,18 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@testing-library/react": "14.0.0",
+    "@testing-library/react": "16.1.0",
+    "@testing-library/dom": "10.4.0",
     "@happy-dom/global-registrator": "14.5.1",
     "happy-dom": "15.10.2",
     "jsdom": "21.1.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "vitest": "0.31.1",
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.235"
+    "@remotion/eslint-config-internal": "4.0.237"
   },
   "keywords": [
     "remotion",