From a26eb3cbab31437a35e238996bfa43fa236ee7ae Mon Sep 17 00:00:00 2001
From: Raj Tiwari <rajtiwariee@gmail.com>
Date: Thu, 23 Apr 2026 22:55:40 +0530
Subject: [PATCH] perf: cache motion blur state in ticker

---
 src/components/video-editor/VideoPlayback.tsx | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/video-editor/VideoPlayback.tsx b/src/components/video-editor/VideoPlayback.tsx
index 48d3631..7b7ce55 100644
--- a/src/components/video-editor/VideoPlayback.tsx
+++ b/src/components/video-editor/VideoPlayback.tsx
@@ -856,7 +856,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				videoContainer.mask = null;
 				maskGraphicsRef.current = null;
 				if (blurFilterRef.current) {
-					videoContainer.filters = [];
+					videoContainer.filters = null;
 					blurFilterRef.current.destroy();
 					blurFilterRef.current = null;
 				}
@@ -913,6 +913,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				state.appliedScale = appliedTransform.scale;
 			};
 
+			let lastMotionBlurActive: boolean | null = null;
 			const ticker = () => {
 				const bm = baseMaskRef.current;
 				const ss = stageSizeRef.current;
@@ -1083,15 +1084,16 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 
 				const isMotionBlurActive = (motionBlurAmountRef.current || 0) > 0 && isPlayingRef.current;
 
-				if (
-					isMotionBlurActive &&
-					blurFilterRef.current &&
-					motionBlurFilterRef.current &&
-					videoContainerRef.current
-				) {
-					videoContainerRef.current.filters = [blurFilterRef.current, motionBlurFilterRef.current];
-				} else if (videoContainerRef.current) {
-					videoContainerRef.current.filters = null;
+				if (isMotionBlurActive !== lastMotionBlurActive && videoContainerRef.current) {
+					if (isMotionBlurActive && blurFilterRef.current && motionBlurFilterRef.current) {
+						videoContainerRef.current.filters = [
+							blurFilterRef.current,
+							motionBlurFilterRef.current,
+						];
+					} else {
+						videoContainerRef.current.filters = null;
+					}
+					lastMotionBlurActive = isMotionBlurActive;
 				}
 			};