@opencorestack/opengridx 2.0.0 → 2.0.2

package/lib/components/DataGrid/DataGrid.tsx

@@ -206,25 +206,32 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
     const isRowGroupingActive = Boolean(propRowGroupingModel && propRowGroupingModel.length > 0);
 
     // Auto-pin __group__ column to the left when groupingColDef is active.
-    const effectivePinnedColumns = (groupingColDef && isRowGroupingActive && !pivotMode)
-        ? { ...pinnedColumns, left: ['__group__', ...((pinnedColumns?.left ?? []).filter(f => f !== '__group__'))] }
-        : pinnedColumns;
-
-    const activeColumns = (groupingColDef && isRowGroupingActive && !pivotMode)
-        ? [
-            {
-                headerName: 'Group',
-                width: 220,
-                ...groupingColDef,
-                field: '__group__',
-                hideable: false,
-                sortable: false,
-                pinnable: false,
-                exportable: false,
-            } as unknown as GridColDef<R>,
-            ...baseColumns,
-          ]
-        : baseColumns;
+    // Both values MUST be memoized: without useMemo they produce a new array/object
+    // reference every render, which cascades through useRowGrouping's memos and
+    // effects into an infinite setState loop (Maximum update depth exceeded).
+    const effectivePinnedColumns = useMemo(() => (
+        (groupingColDef && isRowGroupingActive && !pivotMode)
+            ? { ...pinnedColumns, left: ['__group__', ...((pinnedColumns?.left ?? []).filter(f => f !== '__group__'))] }
+            : pinnedColumns
+    ), [groupingColDef, isRowGroupingActive, pivotMode, pinnedColumns]);
+
+    const activeColumns = useMemo(() => (
+        (groupingColDef && isRowGroupingActive && !pivotMode)
+            ? [
+                {
+                    headerName: 'Group',
+                    width: 220,
+                    ...groupingColDef,
+                    field: '__group__',
+                    hideable: false,
+                    sortable: false,
+                    pinnable: false,
+                    exportable: false,
+                } as unknown as GridColDef<R>,
+                ...baseColumns,
+              ]
+            : baseColumns
+    ), [groupingColDef, isRowGroupingActive, pivotMode, baseColumns]);
 
     const [serverAggregationResults, setServerAggregationResults] = useState<GridAggregationResult | null>(null);
 

package/llms.txt

@@ -1,6 +1,6 @@
 # OpenGridX — AI Agent Context
 # Package: @opencorestack/opengridx
-# Version: 2.0.0
+# Version: 2.0.2
 # Docs: https://opencorestack.github.io/OpenGridX/
 # This file is machine-readable. AI developers: start here.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencorestack/opengridx",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "OpenGridX: High-performance React data infrastructure. Unlock advanced Row Grouping, Excel Export, and Column Pinning without the usual \"Pro\" gatekeeping. Built for speed, scale, and complete architectural freedom. Fully open, virtualization-ready, and feature-complete.",
   "type": "module",
   "main": "./dist/opengridx.umd.js",