From fc592908c2938a5ebdd1f405285a77cc5ac5b826 Mon Sep 17 00:00:00 2001
From: Alexey <wrouds@gmail.com>
Date: Sun, 16 Jul 2023 20:31:43 +0300
Subject: [PATCH] CB-3680 fix: add suspense loader (#1823)

Co-authored-by: dariamarutkina <125263541+dariamarutkina@users.noreply.github.com>
---
 webapp/packages/core-blocks/src/Table/TableItem.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/webapp/packages/core-blocks/src/Table/TableItem.tsx b/webapp/packages/core-blocks/src/Table/TableItem.tsx
index d4bb94e123..f73c8174b8 100644
--- a/webapp/packages/core-blocks/src/Table/TableItem.tsx
+++ b/webapp/packages/core-blocks/src/Table/TableItem.tsx
@@ -12,6 +12,7 @@ import styled, { use } from 'reshadow';
 import { EventContext } from '@cloudbeaver/core-events';
 
 import { getComputed } from '../getComputed';
+import { Loader } from '../Loader/Loader';
 import { useObjectRef } from '../useObjectRef';
 import { BASE_TABLE_STYLES } from './BASE_TABLE_STYLES';
 import { EventTableItemSelectionFlag } from './EventTableItemSelectionFlag';
@@ -113,7 +114,9 @@ export const TableItem = observer<React.PropsWithChildren<Props>>(function Table
       {isExpanded && ExpandElement && (
         <tr {...use({ noHover: true, expanded: isExpanded })}>
           <td colSpan={Children.toArray(children).length} {...use({ expandArea: true })}>
-            <ExpandElement item={item} />
+            <Loader suspense>
+              <ExpandElement item={item} />
+            </Loader>
           </td>
         </tr>
       )}