@remotion/player 4.0.498 → 4.0.500

package/dist/cjs/Player.js

@@ -50,7 +50,6 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
         [SharedPlayerContext_js_1.PLAYER_COMP_ID]: initialFrame !== null && initialFrame !== void 0 ? initialFrame : 0,
     }));
     const [playing, setPlaying] = (0, react_1.useState)(false);
-    const [rootId] = (0, react_1.useState)('player-comp');
     const rootRef = (0, react_1.useRef)(null);
     const audioAndVideoTags = (0, react_1.useRef)([]);
     const imperativePlaying = (0, react_1.useRef)(false);
@@ -144,11 +143,10 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
         return {
             frame,
             playing,
-            rootId,
             imperativePlaying,
             audioAndVideoTags,
         };
-    }, [frame, playing, rootId]);
+    }, [frame, playing]);
     const playbackRateContextValue = (0, react_1.useMemo)(() => {
         return {
             playbackRate: currentPlaybackRate,

package/dist/cjs/Thumbnail.js

@@ -18,7 +18,6 @@ const ThumbnailFn = ({ frameToDisplay, style, inputProps, compositionHeight, com
             window.remotion_isPlayer = true;
         }, []);
     }
-    const [thumbnailId] = (0, react_1.useState)(() => String((0, remotion_1.random)(null)));
     const rootRef = (0, react_1.useRef)(null);
     const timelineState = (0, react_1.useMemo)(() => {
         const value = {
@@ -26,14 +25,13 @@ const ThumbnailFn = ({ frameToDisplay, style, inputProps, compositionHeight, com
             frame: {
                 [SharedPlayerContext_js_1.PLAYER_COMP_ID]: frameToDisplay,
             },
-            rootId: thumbnailId,
             imperativePlaying: {
                 current: false,
             },
             audioAndVideoTags: { current: [] },
         };
         return value;
-    }, [frameToDisplay, thumbnailId]);
+    }, [frameToDisplay]);
     const playbackRateContext = (0, react_1.useMemo)(() => {
         return {
             playbackRate: 1,

package/dist/esm/index.mjs

@@ -3389,7 +3389,6 @@ var PlayerFn = ({
     [PLAYER_COMP_ID]: initialFrame ?? 0
   }));
   const [playing, setPlaying] = useState13(false);
-  const [rootId] = useState13("player-comp");
   const rootRef = useRef12(null);
   const audioAndVideoTags = useRef12([]);
   const imperativePlaying = useRef12(false);
@@ -3466,11 +3465,10 @@ var PlayerFn = ({
     return {
       frame,
       playing,
-      rootId,
       imperativePlaying,
       audioAndVideoTags
     };
-  }, [frame, playing, rootId]);
+  }, [frame, playing]);
   const playbackRateContextValue = useMemo14(() => {
     return {
       playbackRate: currentPlaybackRate,
@@ -3573,7 +3571,7 @@ import {
   useRef as useRef14,
   useState as useState14
 } from "react";
-import { Internals as Internals17, random as random2 } from "remotion";
+import { Internals as Internals17 } from "remotion";
 
 // src/ThumbnailUI.tsx
 import React13, {
@@ -3748,7 +3746,6 @@ var ThumbnailFn = ({
       window.remotion_isPlayer = true;
     }, []);
   }
-  const [thumbnailId] = useState14(() => String(random2(null)));
   const rootRef = useRef14(null);
   const timelineState = useMemo17(() => {
     const value = {
@@ -3756,14 +3753,13 @@ var ThumbnailFn = ({
       frame: {
         [PLAYER_COMP_ID]: frameToDisplay
       },
-      rootId: thumbnailId,
       imperativePlaying: {
         current: false
       },
       audioAndVideoTags: { current: [] }
     };
     return value;
-  }, [frameToDisplay, thumbnailId]);
+  }, [frameToDisplay]);
   const playbackRateContext = useMemo17(() => {
     return {
       playbackRate: 1,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
 	},
 	"name": "@remotion/player",
-	"version": "4.0.498",
+	"version": "4.0.500",
 	"description": "React component for embedding a Remotion preview into your app",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "4.0.498"
+		"remotion": "4.0.500"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -48,8 +48,8 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
-		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.498",
+		"zod": "4.4.3",
+		"@remotion/eslint-config-internal": "4.0.500",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},