[TS] ref type 오류해결

TS 생성 시 다음 오류 발생

'forwardedref<unknown>' 형식은 'legacyref<htmlinputelement> | undefined' 형식에 할당할 수 없습니다.
 
'mutablerefobject<unknown>' 형식은 'legacyref<htmlinputelement> | undefined' 형식에 
할당할 수 없습니다.
 'mutablerefobject<unknown>' 형식은 'refobject<htmlinputelement>' 
형식에 할당할 수 없습니다.
 'current' 속성의 형식이 호환되지 않습니다.
 
'unknown' 형식은 'htmlinputelement | null' 형식에 할당할 수 없습니다.

forwardRef로 생성한 함수에서 다음과 같이 ref 타입을 지정했다.

ref?: React.ForwardedRef<HTMLInputElement> | undefined

저도 해봤는데 잘되네요)

ref?: React.LegacyRef<HTMLInputElement> | undefined

모든 코드 적용됨

import React, { forwardRef } from 'react';

interface InputProps {
  title: string;
 ..
  onChange: () => void;
}

export default forwardRef(function Input(
  {
    title,
    onChange,
   ...
  }: InputProps,
  ref?: React.ForwardedRef<HTMLInputElement> | undefined
) {
  return (
    <label>
      <p className={InputTitle}>{title}</p>
      <input
        type={type}
        ..
        ref={ref}
      />
    </label>
  );
});

https://velog.io/@rkio/Typescript-useRef%EB%A5%BC-%EB%8B%A4%EB%A5%B8-%EC%BB%B4%ED%8F%AC%EB%84 %8C%ED%8A%B8%EC%97%90-Props%EB%A1%9C-%EC%A0%84%EB%8B%AC%ED%95%A0-%EB%95%8C-% ED%83%80%EC%9E%85-%EC%A0%95%EC%9D%98

https://zerodice0.244

https://jforj.281