From ff4db929008f6ed43a1a87cfe8f0875c1a4521f1 Mon Sep 17 00:00:00 2001
From: Abdul Rahman <81605929+abdulrahmancodes@users.noreply.github.com>
Date: Fri, 9 May 2025 11:58:20 +0530
Subject: [PATCH] fix: flickering when updating relation counts (#11943)

https://github.com/user-attachments/assets/f5a87f1d-7c9f-4351-b43a-8b9b47715f94

Closes #11853
---
 .../RecordDetailRelationSection.tsx           | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx
index 28d551c15..8b01952a3 100644
--- a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx
@@ -102,17 +102,16 @@ export const RecordDetailRelationSection = ({
       } satisfies RecordGqlOperationFilter)
     : {};
 
-  const { data: relationAggregateResult, loading: aggregateLoading } =
-    useAggregateRecords<{
-      id: { COUNT: number };
-    }>({
-      objectNameSingular: relationObjectMetadataItem.nameSingular,
-      filter: filtersForAggregate,
-      skip: !isToManyObjects,
-      recordGqlFieldsAggregate: {
-        id: [AGGREGATE_OPERATIONS.count],
-      },
-    });
+  const { data: relationAggregateResult } = useAggregateRecords<{
+    id: { COUNT: number };
+  }>({
+    objectNameSingular: relationObjectMetadataItem.nameSingular,
+    filter: filtersForAggregate,
+    skip: !isToManyObjects,
+    recordGqlFieldsAggregate: {
+      id: [AGGREGATE_OPERATIONS.count],
+    },
+  });
 
   const isRecordReadOnly = useIsRecordReadOnly({
     recordId,
@@ -123,7 +122,7 @@ export const RecordDetailRelationSection = ({
     isRecordReadOnly,
   });
 
-  if (loading || aggregateLoading || isFieldReadOnly) return null;
+  if (loading || isFieldReadOnly) return null;
 
   const relationRecordsCount = relationAggregateResult?.id?.COUNT ?? 0;