Typescript error with useTextField and useRef

[DanBlakeNZ]

Hi there,

I am trying to implement useTextField but I am getting a TypeScript error related to the use of the 'ref' hook on the input tag. I've played around with different variations, but it just seems to just move the error around.
If I remove {...inputProps} from the input then all is fine however so I'm not sure if there is something I'm overlooking and have missed or if it is something else.

Code Sandbox of the issue I'm facing.

I have used the code here as a base to build the above.

Any help here would be much appreciated.

Thanks!

[bdow]

The useTextField is returning attributes for either an HTMLInputElement, or HTMLTextAreaElement. When you spread the props onto an <input />, you can cast it and that'd fix your TS errors:

<input {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)} ref={ref} />

[DanBlakeNZ]

Thanks @bdow, appreciate your explanation and help here. It has indeed fixed my error, thanks!