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

[josuasimatupang]

I keep getting this warning error when I try to open the Drawer?

This is my code:

[joaom00]

Probably your CarouselItem needs to forward ref because of asChild prop in Drawer.Trigger

[rahXephonz]

I think this is not come from vaul its come from your carousel

[kapitanluffy]

This happens to me too. It triggers when I try to open the drawer. Here is the code.

[noahsettersten]

To fix this, I had to update the component within the <Drawer.Portal> component to receive a ref with React's forwardRef.