asChild doesn't work with async components

[amannn]

Bug report

Current Behavior

The asChild API doesn't work reliably with Server Components. It somehow works to some extent, but when children are declared with async or have a call to use(promise) internally, then the rendering fails.

Expected behavior

asChild should work reliably everywhere.

Reproducible example

• Async component
• Component with use(promise)

Suggested solution

https://x.com/souporserious/status/1753859984344121754

Your environment

Please see the StackBlitz examples.

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-dropdown-menu	2.1.1
React	n/a	18.3.0
Browser	Chrome	Version 129.0.6668.60
Assistive tech	-	-
Node	n/a	18.20.3
npm/yarn	npm	10.2.3
Operating System	macOS	14.6.1

[yordis]

@vladmoroz any updates over here? I just ran into the issue

[wottpal]

Would be great to see a fix for this! 🚀

[zensitively]

I am having the same issue