Add comment

Author: thecrypticace

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')