Added console warning for Table when both subRows and `subCompone…

…nt` exist (#2288)
iTwin · Oct 8, 2024 · f0b601b · f0b601b
1 parent 7179d7b
commit f0b601b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/cuddly-gorillas-type.md b/.changeset/cuddly-gorillas-type.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Added warning log in browser when both `subRows` and `subComponent` are passed into `Table`.
diff --git a/packages/itwinui-react/src/core/Table/Table.tsx b/packages/itwinui-react/src/core/Table/Table.tsx
@@ -656,6 +656,16 @@ export const Table = <
     }
   }
 
+  if (
+    process.env.NODE_ENV === 'development' &&
+    subComponent &&
+    data.some((item) => !!(item.subRows as T[] | undefined)?.length)
+  ) {
+    logWarning(
+      `Passing both \`subComponent\` and \`data\` with \`subRows\` is not supported. There are features designed for \`subRows\` that are not compatible with \`subComponent\` and vice versa.`,
+    );
+  }
+
   const ariaDataAttributes = Object.entries(rest).reduce(
     (result, [key, value]) => {
       if (key.startsWith('data-') || key.startsWith('aria-')) {