TS2322: Type ForwardedRef<HTMLInputElement> is not assignable to type LegacyRef<ReactElement<any, string | JSXElementConstructor<any>>> | undefined

[NathanWailes]

I'm working on a site using HeroUI Pro and I've added the Settings example component to my repo but I get the following error in switch-cell.tsx on line 33: ref={ref}:

TS2322: Type ForwardedRef<HTMLInputElement> is not assignable to type
LegacyRef<ReactElement<any, string | JSXElementConstructor<any>>> | undefined
   Type (instance: HTMLInputElement | null) => void is not assignable to type
   LegacyRef<ReactElement<any, string | JSXElementConstructor<any>>> | undefined
      Type (instance: HTMLInputElement | null) => void is not assignable to type
      (instance: ReactElement<any, string | JSXElementConstructor<any>> | null) => void | (() => VoidOrUndefinedOnly)
      Types of parameters instance and instance are incompatible.
         Type
         ReactElement<any, string | JSXElementConstructor<any>> | null
         is not assignable to type HTMLInputElement | null
            Type
            ReactElement<any, string | JSXElementConstructor<any>>
            is missing the following properties from type HTMLInputElement: accept, align, alt, autocomplete, and 356 more.

index.d.ts(303, 9): The expected type comes from property ref which is declared here on type

[wingkwong]

Thanks for reporting. We'll take a look.