From 66adde796f486d65856f6ce222e1ce8a102c7f32 Mon Sep 17 00:00:00 2001
From: Adi Dahiya <adahiya@palantir.com>
Date: Thu, 10 Feb 2022 23:30:36 +0000
Subject: [PATCH] [v4] [table] fix(TableQuadrantStack): cancel setTimeout on
 unmount

---
 packages/table/src/quadrants/tableQuadrantStack.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/table/src/quadrants/tableQuadrantStack.tsx b/packages/table/src/quadrants/tableQuadrantStack.tsx
index 580e59a63de..76ae34c61f9 100644
--- a/packages/table/src/quadrants/tableQuadrantStack.tsx
+++ b/packages/table/src/quadrants/tableQuadrantStack.tsx
@@ -304,9 +304,8 @@ export class TableQuadrantStack extends AbstractComponent2<ITableQuadrantStackPr
 
     private throttledHandleWheel: (event: React.WheelEvent<HTMLElement>) => any;
 
-    // the interval instance that we maintain to enable debouncing of view
-    // updates on scroll
-    private debouncedViewSyncInterval?: number;
+    // cancel function for the debounced view sync handler
+    private cancelPendingViewSync?: () => void;
 
     private cache: TableQuadrantStackCache;
 
@@ -813,8 +812,8 @@ export class TableQuadrantStack extends AbstractComponent2<ITableQuadrantStackPr
             this.syncQuadrantViews();
         } else {
             // update asynchronously after a debounced delay
-            clearInterval(this.debouncedViewSyncInterval);
-            this.debouncedViewSyncInterval = window.setTimeout(this.syncQuadrantViews, viewSyncDelay);
+            this.cancelPendingViewSync?.();
+            this.cancelPendingViewSync = this.setTimeout(this.syncQuadrantViews, viewSyncDelay);
         }
     };