fix: apply getRowId before rows enter internal state store

DataGrid derived effectiveGetRowId but never used it to normalize
rows before createInitialState or SET_ROWS keyed them by row.id.
Any consumer passing rows without a native id field would silently
collapse all rows to the same undefined key in idRowsLookup, producing
undefined React keys and a missing-key warning.

Normalize activeRows through effectiveGetRowId into normalizedRows
(useMemo) immediately after effectiveGetRowId is defined. Pass
normalizedRows to useDataGrid and setRows instead of activeRows.
No-op per row when the default (row) => row.id is used.

Author: Asif Ansari

CHANGELOG.md

@@ -5,6 +5,13 @@
 
 ---
 
+## [1.0.4] — July 30, 2026 🐛
+
+### Fixed
+- **`getRowId` not applied to internal row store**: `DataGrid` derived `effectiveGetRowId` correctly but never used it before rows entered the internal state. `createInitialState` and the `SET_ROWS` reducer both indexed by `row.id` directly, so any consumer passing rows without a native `id` field would silently collide all rows on `undefined` in the lookup map, produce `undefined` React keys, and trigger a "Each child in a list should have a unique key prop" warning. Fixed by normalizing `activeRows` through `effectiveGetRowId` into `normalizedRows` (via `useMemo`) immediately after `effectiveGetRowId` is derived. The normalization is a no-op when the default `(row) => row.id` is used, so there is no overhead for the common case.
+
+---
+
 ## [1.0.3] — July 30, 2026 📚
 
 ### Fixed

demo/App.tsx

@@ -135,7 +135,7 @@ export default function App() {
                         <img src={`${import.meta.env.BASE_URL}logo.png`} alt="OpenGridX Logo" className="app-logo" />
                         <h2 className="app-title">
                             OpenGridX
-                            <span className="app-version">v1.0.3</span>
+                            <span className="app-version">v1.0.4</span>
                         </h2>
                     </div>
 

demo/Home.tsx

@@ -68,7 +68,7 @@ export default function Home(_props: HomeProps) {
                 <div className="home-logo-hero">
                     <img src={`${import.meta.env.BASE_URL}banner.png`} alt="OpenGridX Logo" className="home-banner-image" />
                 </div>
-                <span className="home-badge">OpenGridX v1.0.3</span>
+                <span className="home-badge">OpenGridX v1.0.4</span>
                 <p className="home-subtitle">
                     The elite, high-performance DataGrid for modern React.
                     Built to handle massive data with a premium developer experience.

lib/components/DataGrid/DataGrid.tsx

@@ -202,6 +202,18 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
     const defaultGetRowId = useCallback((row: R) => row.id, []);
     const effectiveGetRowId = getRowId || defaultGetRowId;
 
+    // Normalize rows so every row has `id === getRowId(row)`.
+    // createInitialState and SET_ROWS both key the internal store by row.id,
+    // so rows without a native id field collide on undefined without this.
+    // When getRowId is the default (row) => row.id this is a no-op per row.
+    const normalizedRows = useMemo(
+        () => activeRows.map(row => {
+            const id = effectiveGetRowId(row);
+            return id === row.id ? row : ({ ...row, id } as R);
+        }),
+        [activeRows, effectiveGetRowId]
+    );
+
     // Keyboard-mode flag: toggled via DOM classname — no React state needed
     // so the ring appears instantly without a re-render cycle.
     const setKeyboardMode = useCallback((on: boolean) => {
@@ -226,7 +238,7 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
     }, [treeData]);
 
     const gridData = useDataGrid({
-        rows: activeRows,
+        rows: normalizedRows,
         columns: activeColumns,
         rowHeight,
         headerHeight,
@@ -358,9 +370,9 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
 
     useEffect(() => {
         if (!dataSource) {
-            setRows(activeRows);
+            setRows(normalizedRows);
         }
-    }, [activeRows, setRows, dataSource]);
+    }, [normalizedRows, setRows, dataSource]);
 
     // ── Detail panel (hoisted — hasDetailPanel feeds into useGridColumns) ──────
     const hasDetailPanel = Boolean(getDetailPanelContent);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencorestack/opengridx",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "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",