@remotion/three 4.0.297 → 4.0.300

package/dist/cjs/use-video-texture.js

@@ -106,6 +106,12 @@ const useVideoTexture = (videoRef) => {
         };
         current.requestVideoFrameCallback(ready);
     }, [frame, loaded, videoRef]);
+    (0, react_1.useEffect)(() => {
+        // Clean up on unmount
+        return () => {
+            (0, remotion_1.continueRender)(loaded);
+        };
+    }, [loaded]);
     if (typeof HTMLVideoElement === 'undefined' ||
         !HTMLVideoElement.prototype.requestVideoFrameCallback) {
         (0, remotion_1.continueRender)(loaded);

package/dist/esm/index.mjs

@@ -204,7 +204,7 @@ function useOffthreadVideoTexture({
   });
 }
 // src/use-video-texture.ts
-import React3, { useCallback as useCallback3, useState as useState3 } from "react";
+import React3, { useCallback as useCallback3, useEffect, useState as useState3 } from "react";
 import { continueRender as continueRender4, delayRender as delayRender4, useCurrentFrame as useCurrentFrame2 } from "remotion";
 var warned = false;
 var warnAboutRequestVideoFrameCallback = () => {
@@ -266,6 +266,11 @@ var useVideoTexture = (videoRef) => {
     const ready = () => {};
     current.requestVideoFrameCallback(ready);
   }, [frame, loaded, videoRef]);
+  useEffect(() => {
+    return () => {
+      continueRender4(loaded);
+    };
+  }, [loaded]);
   if (typeof HTMLVideoElement === "undefined" || !HTMLVideoElement.prototype.requestVideoFrameCallback) {
     continueRender4(loaded);
     return null;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/three"
   },
   "name": "@remotion/three",
-  "version": "4.0.297",
+  "version": "4.0.300",
   "description": "Include React Three Fiber components in a Remotion video",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -16,17 +16,17 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.297"
+    "remotion": "4.0.300"
   },
   "peerDependencies": {
     "@react-three/fiber": ">=8.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "three": ">=0.137.0",
-    "remotion": "4.0.297"
+    "remotion": "4.0.300"
   },
   "devDependencies": {
-    "@react-three/fiber": "9.0.0-rc.6",
+    "@react-three/fiber": "9.1.2",
     "@types/react-reconciler": "0.28.8",
     "@types/three": "0.170.0",
     "@types/web": "0.0.166",
@@ -34,8 +34,8 @@
     "react-dom": "19.0.0",
     "three": "0.171.0",
     "eslint": "9.19.0",
-    "remotion": "4.0.297",
-    "@remotion/eslint-config-internal": "4.0.297"
+    "remotion": "4.0.300",
+    "@remotion/eslint-config-internal": "4.0.300"
   },
   "keywords": [
     "remotion",