Bug on table first load (#3117)

fix: Bug on table first load

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableBody.tsx

@@ -10,7 +10,7 @@ export const RecordTableBody = () => {
   const tableRowIds = useRecoilValue(tableRowIdsState);
 
   return (
-    <>
+    <tbody>
       {tableRowIds.map((rowId, rowIndex) => (
         <RowIdContext.Provider value={rowId} key={rowId}>
           <RowIndexContext.Provider value={rowIndex}>
@@ -19,6 +19,6 @@ export const RecordTableBody = () => {
         </RowIdContext.Provider>
       ))}
       <RecordTableBodyFetchMoreLoader />
-    </>
+    </tbody>
   );
 };

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableBodyFetchMoreLoader.tsx

@@ -30,15 +30,11 @@ export const RecordTableBodyFetchMoreLoader = () => {
     onChange: onLastRowVisible,
   });
 
-  return (
-    <tbody ref={tbodyRef}>
-      {isFetchingMoreObjects && (
-        <StyledRow selected={false}>
-          <td style={{ height: 50 }} colSpan={1000}>
-            Loading more...
-          </td>
-        </StyledRow>
-      )}
-    </tbody>
-  );
+  return isFetchingMoreObjects ? (
+    <StyledRow ref={tbodyRef} selected={false}>
+      <td style={{ height: 50 }} colSpan={1000}>
+        Loading more...
+      </td>
+    </StyledRow>
+  ) : null;
 };