TypeScript Common Error Problemd

Using ref Type 'MutableRefObject<HTMLInputElement | undefined>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'

Solution:

const ref = React.useRef<HTMLInputElement>(null)

Ref: https://stackoverflow.com/questions/74297001/type-mutablerefobjecthtmlinputelement-undefined-is-not-assignable-to-type (opens in a new tab)