headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

<Fieldset> "Property 'ref' does not exist on type"

Open denchen opened this issue 1 year ago • 0 comments

What package within Headless UI are you using? @headlessui/react

What version of that package are you using? v2.2.0

What browser are you using? Chrome

Reproduction URL https://codesandbox.io/p/devbox/9lnwg3

Describe your issue When trying to use a ref with <Fieldset>, TypeScript complains of ref not being a valid prop:

Property 'ref' does not exist on type 'IntrinsicAttributes & CleanProps<"fieldset", FieldsetPropsWeControl | "disabled"> & OurProps<"fieldset", FieldsetRenderPropArg> & { ...; } & { ...; }'
Screenshot 2024-11-25 at 9 17 29 PM

The thing is, the ref does actually work. I can pass in the ref and access its contents once mounted, so it seems this is strictly a typing issue.

denchen avatar Nov 26 '24 05:11 denchen