diff --git a/packages/devextreme/js/__internal/grids/new/card_view/content_view/content_view.tsx b/packages/devextreme/js/__internal/grids/new/card_view/content_view/content_view.tsx
index 6e69db7147a..4624615d68b 100644
--- a/packages/devextreme/js/__internal/grids/new/card_view/content_view/content_view.tsx
+++ b/packages/devextreme/js/__internal/grids/new/card_view/content_view/content_view.tsx
@@ -94,4 +94,10 @@ export class ContentView extends Component<ContentViewProps> {
   componentDidUpdate(): void {
     this.updateSizesInfo();
   }
+
+  componentWillUnmount(): void {
+    resizeObserverSingleton.unobserve(
+      this.containerRef.current!,
+    );
+  }
 }
diff --git a/packages/devextreme/js/__internal/grids/new/card_view/header_panel/resizable_header_panel.tsx b/packages/devextreme/js/__internal/grids/new/card_view/header_panel/resizable_header_panel.tsx
index acff2d65dfb..1885cdf38c4 100644
--- a/packages/devextreme/js/__internal/grids/new/card_view/header_panel/resizable_header_panel.tsx
+++ b/packages/devextreme/js/__internal/grids/new/card_view/header_panel/resizable_header_panel.tsx
@@ -100,4 +100,10 @@ export class ResizableHeaderPanel extends Component<Props, State> {
   componentDidUpdate(): void {
     this.updateShownColumns();
   }
+
+  componentWillUnmount(): void {
+    resizeObserverSingleton.unobserve(
+      this.ref.current!,
+    );
+  }
 }