fix: tabs key warning

chakra-ui · Aug 26, 2022 · ac6a00a · ac6a00a · vercel · Aug 26, 2022
1 parent 8b0bd0d
commit ac6a00a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/twelve-pigs-train.md b/.changeset/twelve-pigs-train.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/tabs": patch
+---
+
+Fix key warning for tabs component
diff --git a/packages/components/tabs/src/use-tabs.ts b/packages/components/tabs/src/use-tabs.ts
@@ -348,6 +348,7 @@ export function useTabPanels<P extends UseTabPanelsProps>(props: P) {
     createElement(
       TabPanelProvider,
       {
+        key: index,
         value: {
           isSelected: index === selectedIndex,
           id: makeTabPanelId(id, index),