From aae71ba2af89eda2597ec01cb2cb0076e90d8007 Mon Sep 17 00:00:00 2001
From: ickas <hey@ickas.xyz>
Date: Tue, 13 Jan 2026 10:45:03 +0000
Subject: [PATCH 1/2] fix: add missing keys to Table skeleton elements

The skeleton loading state was rendering elements without React keys,
causing "Each child in a list should have a unique key prop" warnings.

Added proper keys to:
- Skeleton header cells
- Skeleton rows
- Skeleton cells

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/molecules/table/index.tsx | 32 ++++++++++++--------------------
 1 file changed, 12 insertions(+), 20 deletions(-)

diff --git a/src/molecules/table/index.tsx b/src/molecules/table/index.tsx
index 11973b6..5b5993e 100644
--- a/src/molecules/table/index.tsx
+++ b/src/molecules/table/index.tsx
@@ -72,19 +72,6 @@ const Table = <CellData extends CellBaseType>(props: TableProps<CellData>) => {
   const hasActionMenu = actions.length > 0;
   const validValues = values.filter(hasValue);
   const hasValues = Array.isArray(values) && values.length > 0;
-
-  const headSkeleton = (
-    <th>
-      <Styles.SkeletonCell />
-    </th>
-  );
-
-  const cellSkeleton = (
-    <td>
-      <Styles.SkeletonCell />
-    </td>
-  );
-
   const columnsSkeleton = columns.length > 0 ? columns.length : loadingColumns;
 
   if (showEmpty && !hasValues) {
@@ -111,7 +98,11 @@ const Table = <CellData extends CellBaseType>(props: TableProps<CellData>) => {
           <thead>
             <tr>
               {loading && !columns
-                ? Array.from({ length: loadingColumns }, () => headSkeleton)
+                ? Array.from({ length: loadingColumns }, (_, i) => (
+                    <th key={`skeleton-head-${i}`}>
+                      <Styles.SkeletonCell />
+                    </th>
+                  ))
                 : columns.map(
                     ({
                       id = '',
@@ -135,12 +126,13 @@ const Table = <CellData extends CellBaseType>(props: TableProps<CellData>) => {
           </thead>
           <tbody>
             {loading
-              ? Array.from({ length: loadingRows }, () => (
-                  <tr>
-                    {Array.from(
-                      { length: columnsSkeleton },
-                      () => cellSkeleton
-                    )}
+              ? Array.from({ length: loadingRows }, (_, rowIndex) => (
+                  <tr key={`skeleton-row-${rowIndex}`}>
+                    {Array.from({ length: columnsSkeleton }, (_, colIndex) => (
+                      <td key={`skeleton-cell-${rowIndex}-${colIndex}`}>
+                        <Styles.SkeletonCell />
+                      </td>
+                    ))}
                   </tr>
                 ))
               : validValues.map((row, index) => (

From d044c395196ccf96be8f5041d6535ed9b496c3d1 Mon Sep 17 00:00:00 2001
From: ickas <hey@ickas.xyz>
Date: Tue, 13 Jan 2026 11:04:48 +0000
Subject: [PATCH 2/2] v3.0.12-0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index afcb25a..acf0c2b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "3.0.11",
+  "version": "3.0.12-0",
   "name": "@taikai/rocket-kit",
   "author": "taikai",
   "description": "TAIKAI Design System",