From 217ff420e542bbd4714673b63f79fd4bee518035 Mon Sep 17 00:00:00 2001
From: Nik Tsekouras <ntsekouras@outlook.com>
Date: Mon, 13 Sep 2021 07:08:31 +0300
Subject: [PATCH] [Block Library - Query Pagination]: Fix update when unmounted
 (#34756)

---
 .../toggle-group-control/toggle-group-control-backdrop.tsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/toggle-group-control/toggle-group-control-backdrop.tsx b/packages/components/src/toggle-group-control/toggle-group-control-backdrop.tsx
index bce2df10eff8f2..a2ec9f67a576d9 100644
--- a/packages/components/src/toggle-group-control/toggle-group-control-backdrop.tsx
+++ b/packages/components/src/toggle-group-control/toggle-group-control-backdrop.tsx
@@ -39,11 +39,13 @@ function ToggleGroupControlBackdrop( {
 		setLeft( offsetLeft );
 		setWidth( offsetWidth );
 
+		let requestId: number;
 		if ( ! canAnimate ) {
-			window.requestAnimationFrame( () => {
+			requestId = window.requestAnimationFrame( () => {
 				setCanAnimate( true );
 			} );
 		}
+		return () => window.cancelAnimationFrame( requestId );
 	}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );
 
 	return (