Destructuring ref as a Prop in React 19

ref is just a normal prop name here, and React 19 forwards it to the function component automatically without needing forwardRef

This still throws an error because ref remains a reserved prop name in every React version

forwardRef is required regardless of version because ref cannot be destructured from props

The ref will be attached to the label element instead of the input because destructuring changes ref's target