타입스크립트에서 useRef를 사용할 때 다음과 같이 코드를 짜면
const test = useRef();
....
retrun (
<div ref={test}></div>
)
이러한 에러가 발생한다.
Type 'MutableRefObject' is not assignable to type 'LegacyRef | undefined'.
해결방법은 다음과 같이 초기선언을 해주면 된다.
const test = useRef<HTMLDivElement>(null);
추가로 function에서 props로 사용하려면 타입 설정을 다음과 같이 하면된다!
const createLine = (background: React.RefObject<HTMLUListElement>) => {}