From 1ac6204b7168369c36215347d5e25ab31d40fd78 Mon Sep 17 00:00:00 2001
From: Yury Michurin <yurym@wix.com>
Date: Mon, 25 Aug 2025 12:25:44 +0300
Subject: [PATCH] React.children.only expected to receive a single React
 element child

---
 .../headless-components/utils/src/react/AsChildSlot.tsx     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/headless-components/utils/src/react/AsChildSlot.tsx b/packages/headless-components/utils/src/react/AsChildSlot.tsx
index a9fcacf4a..b0c89f1da 100644
--- a/packages/headless-components/utils/src/react/AsChildSlot.tsx
+++ b/packages/headless-components/utils/src/react/AsChildSlot.tsx
@@ -116,7 +116,11 @@ export const AsChildSlot = React.forwardRef<HTMLElement, AsChildSlot>(
 
     return (
       <Slot ref={ref} {...restProps}>
-        {children}
+        {React.Children.count(children) > 1 ? (
+          <div>{children}</div>
+        ) : (
+          children
+        )}
       </Slot>
     );
   },