react-hook-form에서 deps를 사용할 때 발생하는 문제에 대해 살펴봅니다.

HTML input element를 래핑하여 만든 컴포넌트를 볼 때, 좋지 않은 방식으로 컴포넌트를 작성하는 경우를 많이 보았습니다.이 글에서는 예시를 통해 잘못된 코드들을 살펴보고, 어떻게 고칠 수 있는지 단계적으로 살펴보겠습니다.

HTML 기본 엘리먼트를 래핑하는 컴포넌트를 만들 때, HTMLAttributes 또는 HTMLProps 대신 ComponentPropsWithRef / ComponentPropsWithoutRef 를 사용하자.