Error on page load

Not reproducible on my end, please provide additional steps.

Changed steps to reproduce in issue summary

I was able to reproduce with the given steps.

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of `SlotClone`.
    at Panel (http://localhost:5173/src/components/Panel.tsx:22:11)
    at 

Anything additional come to mind? This is on 0.x with a cleared cache.

@bnjmnm I debugged and found that the problem is with Panel(ui/src/components/Panel.tsx) > Topbar(ui/src/components/topbar/Topbar.tsx) component.

To solve this, there are two approaches I found

1. Remove asChild prop from Topbar > Menubar.Root component
2. Wrap the Panel component with forwardRef

The 1st approach is easy and quick, but it will not produce the same html structure as it was supposed to be, 2nd approach works with no error and with asChild prop as well.

Note: Both approaches pass all test cases

Nice fix, @soaratul! 🎉 I forgot to do this when I introduced the Panel component in ✨ Implement new design for top bar and sidebars Active : https://www.radix-ui.com/primitives/docs/guides/composition#your-compone....

Automatically closed - issue fixed for 2 weeks with no activity.