@remotion/transitions 4.0.459 → 4.0.461

package/dist/TransitionSeries.js

@@ -168,9 +168,6 @@ const TransitionSeriesChildren = ({ children, }) => {
                     : null;
             const castedChildAgain = current;
             const debugInfo = `index = ${i}, duration = ${castedChildAgain.props.durationInFrames}`;
-            if (!(castedChildAgain === null || castedChildAgain === void 0 ? void 0 : castedChildAgain.props.children)) {
-                throw new TypeError(`A <TransitionSeries.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
-            }
             const durationInFramesProp = castedChildAgain.props.durationInFrames;
             const { durationInFrames, children: _children, ...passedProps } = castedChildAgain.props;
             (0, validate_js_1.validateDurationInFrames)(durationInFramesProp, {

package/dist/esm/index.mjs

@@ -307,9 +307,6 @@ var TransitionSeriesChildren = ({
       const next = typeof nextPrev === "string" || typeof nextPrev === "undefined" ? null : nextPrev.type === TransitionSeriesTransition ? nextPrev : null;
       const castedChildAgain = current;
       const debugInfo = `index = ${i}, duration = ${castedChildAgain.props.durationInFrames}`;
-      if (!castedChildAgain?.props.children) {
-        throw new TypeError(`A <TransitionSeries.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
-      }
       const durationInFramesProp = castedChildAgain.props.durationInFrames;
       const {
         durationInFrames,
@@ -565,8 +562,9 @@ var HtmlInCanvasPresentation = ({
   const frame = useCurrentFrame2();
   const frameRef = useRef2(frame);
   frameRef.current = frame;
-  const effectsRef = useRef2(_experimentalEffects);
-  effectsRef.current = _experimentalEffects;
+  const memoizedEffects = Internals2.useMemoizedEffects(Internals2.flattenEffects(_experimentalEffects ?? []));
+  const effectsRef = useRef2(memoizedEffects);
+  effectsRef.current = memoizedEffects;
   const [instance] = useState(() => shader(offscreenCanvas));
   useLayoutEffect(() => {
     return () => {
@@ -645,7 +643,7 @@ var HtmlInCanvasPresentation = ({
       throw new Error("Canvas not found");
     }
     canvas.requestPaint?.();
-  }, [presentationProgress, passThrough]);
+  }, [presentationProgress, passThrough, memoizedEffects]);
   useLayoutEffect(() => {
     if (passThrough) {
       return;

package/dist/esm/zoom-blur.mjs

@@ -35,8 +35,9 @@ var HtmlInCanvasPresentation = ({
   const frame = useCurrentFrame();
   const frameRef = useRef(frame);
   frameRef.current = frame;
-  const effectsRef = useRef(_experimentalEffects);
-  effectsRef.current = _experimentalEffects;
+  const memoizedEffects = Internals.useMemoizedEffects(Internals.flattenEffects(_experimentalEffects ?? []));
+  const effectsRef = useRef(memoizedEffects);
+  effectsRef.current = memoizedEffects;
   const [instance] = useState(() => shader(offscreenCanvas));
   useLayoutEffect(() => {
     return () => {
@@ -115,7 +116,7 @@ var HtmlInCanvasPresentation = ({
       throw new Error("Canvas not found");
     }
     canvas.requestPaint?.();
-  }, [presentationProgress, passThrough]);
+  }, [presentationProgress, passThrough, memoizedEffects]);
   useLayoutEffect(() => {
     if (passThrough) {
       return;

package/dist/esm/zoom-in-out.mjs

@@ -35,8 +35,9 @@ var HtmlInCanvasPresentation = ({
   const frame = useCurrentFrame();
   const frameRef = useRef(frame);
   frameRef.current = frame;
-  const effectsRef = useRef(_experimentalEffects);
-  effectsRef.current = _experimentalEffects;
+  const memoizedEffects = Internals.useMemoizedEffects(Internals.flattenEffects(_experimentalEffects ?? []));
+  const effectsRef = useRef(memoizedEffects);
+  effectsRef.current = memoizedEffects;
   const [instance] = useState(() => shader(offscreenCanvas));
   useLayoutEffect(() => {
     return () => {
@@ -115,7 +116,7 @@ var HtmlInCanvasPresentation = ({
       throw new Error("Canvas not found");
     }
     canvas.requestPaint?.();
-  }, [presentationProgress, passThrough]);
+  }, [presentationProgress, passThrough, memoizedEffects]);
   useLayoutEffect(() => {
     if (passThrough) {
       return;

package/dist/html-in-canvas-presentation.js

@@ -27,8 +27,9 @@ const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, present
     const frame = (0, remotion_2.useCurrentFrame)();
     const frameRef = (0, react_1.useRef)(frame);
     frameRef.current = frame;
-    const effectsRef = (0, react_1.useRef)(_experimentalEffects);
-    effectsRef.current = _experimentalEffects;
+    const memoizedEffects = remotion_2.Internals.useMemoizedEffects(remotion_2.Internals.flattenEffects(_experimentalEffects !== null && _experimentalEffects !== void 0 ? _experimentalEffects : []));
+    const effectsRef = (0, react_1.useRef)(memoizedEffects);
+    effectsRef.current = memoizedEffects;
     const [instance] = (0, react_1.useState)(() => shader(offscreenCanvas));
     (0, react_1.useLayoutEffect)(() => {
         return () => {
@@ -109,7 +110,7 @@ const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, present
             throw new Error('Canvas not found');
         }
         (_a = canvas.requestPaint) === null || _a === void 0 ? void 0 : _a.call(canvas);
-    }, [presentationProgress, passThrough]);
+    }, [presentationProgress, passThrough, memoizedEffects]);
     (0, react_1.useLayoutEffect)(() => {
         if (passThrough) {
             return;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
 	},
 	"name": "@remotion/transitions",
-	"version": "4.0.459",
+	"version": "4.0.461",
 	"description": "Library for creating transitions in Remotion",
 	"sideEffects": false,
 	"main": "dist/esm/index.mjs",
@@ -23,18 +23,18 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.459",
-		"@remotion/shapes": "4.0.459",
-		"@remotion/paths": "4.0.459"
+		"remotion": "4.0.461",
+		"@remotion/shapes": "4.0.461",
+		"@remotion/paths": "4.0.461"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
-		"remotion": "4.0.459",
+		"remotion": "4.0.461",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/test-utils": "4.0.459",
-		"@remotion/player": "4.0.459",
-		"@remotion/eslint-config-internal": "4.0.459",
+		"@remotion/test-utils": "4.0.461",
+		"@remotion/player": "4.0.461",
+		"@remotion/eslint-config-internal": "4.0.461",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},