Add comment

tailwindlabs · Apr 12, 2024 · 6c259a1 · 6c259a1
1 parent 953bbb1
commit 6c259a1
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/@headlessui-react/src/components/tabs/tabs.tsx b/packages/@headlessui-react/src/components/tabs/tabs.tsx
@@ -568,7 +568,14 @@ function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(
 
   useIsoMorphicEffect(
     () => actions.registerPanel(internalPanelRef),
-    [actions, internalPanelRef, id]
+    [
+      actions,
+      internalPanelRef,
+
+      // The `id` prop is here to force a re-render of the
+      // corresponding `Tab` whenever the `id` is calculated in React < 18
+      id,
+    ]
   )
 
   let mySSRIndex = useStableCollectionIndex('panels')