chore: remove stale asChild usage

[rohanchkrabrty]

Summary

• Remove deprecated asChild prop usage across docs, playground, and app components
• Replace asChild patterns with direct component composition using render prop or React 19 ref-as-prop
• Update popover, dialog, alert-dialog, select, and color-picker examples
• Clean up data-table display settings to use updated component APIs

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
apsara	Ready	Preview, Comment	Apr 21, 2026 1:36pm

[coderabbitai]

Warning

Rate limit exceeded

@rohanchkrabrty has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 5 minutes and 28 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 5 minutes and 28 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 0cb84093-d775-4480-82cb-edf7ba0ddc10

📥 Commits

Reviewing files that changed from the base of the PR and between 628f237 and 6fad2c1.

📒 Files selected for processing (8)

• apps/www/src/components/playground/popover-examples.tsx
• apps/www/src/components/popover-color-picker.tsx
• apps/www/src/content/docs/components/alert-dialog/props.ts
• apps/www/src/content/docs/components/color-picker/demo.ts
• apps/www/src/content/docs/components/dialog/props.ts
• apps/www/src/content/docs/components/popover/demo.ts
• apps/www/src/content/docs/components/select/props.ts
• packages/raystack/components/data-table/components/display-settings.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}