trotl-table 1.0.52 → 1.0.53

package/dist/Table.cjs.js

@@ -9739,8 +9739,15 @@ function TableInner({
   const [localData, setLocalData] = React.useState(data);
   React.useEffect(() => setLocalData(data), [data]);
 
-  // Sync whenever initialSelectedRows changes (handles parent updates like clearing selection)
+  // Track the last applied initialSelectedRows to detect changes and prevent loops
+  const lastSyncedRef = React.useRef(null);
+
+  // Sync only when initialSelectedRows prop itself changes (from parent), not on every data update
   React.useEffect(() => {
+    // Skip if this is the same as the last time we synced (prevents feedback loops)
+    const isSame = lastSyncedRef.current && lastSyncedRef.current.length === resolvedInitialSelectedRows.length && lastSyncedRef.current.every(id => resolvedInitialSelectedRows.includes(id));
+    if (isSame) return;
+
     // Validate: only apply IDs that exist in current data
     const allRowIds = new Set();
     const collectRowIds = rowsData => {
@@ -9757,8 +9764,16 @@ function TableInner({
 
     // Filter to only valid IDs (handles async data loads + parent updates)
     const validIds = resolvedInitialSelectedRows.filter(id => allRowIds.has(id) || allRowIds.size === 0);
-    setSelectedRows(validIds);
-  }, [resolvedInitialSelectedRows, localData, isGrouped]);
+
+    // Only update if different from current
+    setSelectedRows(prev => {
+      if (prev.length === validIds.length && prev.every(id => validIds.includes(id))) {
+        return prev; // No change, prevent re-render
+      }
+      return validIds;
+    });
+    lastSyncedRef.current = resolvedInitialSelectedRows;
+  }, [resolvedInitialSelectedRows]);
 
   // Option to read search param from URL
   const [searchTerm, setSearchTerm] = React.useState(extraSearchTerm);