trotl-table 1.0.51 → 1.0.53

package/dist/Table.cjs.js

@@ -9734,8 +9734,45 @@ function TableInner({
   // Local selection & sorting state (removed TableContext dependency)
   const [selectedRows, setSelectedRows] = React.useState(() => resolvedInitialSelectedRows);
   const [sorting, setSorting] = React.useState(null);
+
+  // Initialize localData early so it's available for the sync effect below
+  const [localData, setLocalData] = React.useState(data);
+  React.useEffect(() => setLocalData(data), [data]);
+
+  // 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(() => {
-    setSelectedRows(resolvedInitialSelectedRows);
+    // 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 => {
+      if (Array.isArray(rowsData)) {
+        rowsData.forEach(item => {
+          if (item.id) allRowIds.add(item.id);
+          if (Array.isArray(item.rows)) {
+            item.rows.forEach(r => allRowIds.add(r.id));
+          }
+        });
+      }
+    };
+    collectRowIds(isGrouped ? localData : localData);
+
+    // Filter to only valid IDs (handles async data loads + parent updates)
+    const validIds = resolvedInitialSelectedRows.filter(id => allRowIds.has(id) || allRowIds.size === 0);
+
+    // 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
@@ -9806,8 +9843,6 @@ function TableInner({
 
   // console.log(extraSearchTerm)
 
-  const [localData, setLocalData] = React.useState(data);
-  React.useEffect(() => setLocalData(data), [data]);
   const listRef = React.useRef(null);
   const headerRef = React.useRef(null);
   const [headerPadRight, setHeaderPadRight] = React.useState(0);