240316 개발일지 TIL - Error: Can't resolve '@hookform/resolvers/zod'

ERROR in ./src/App.js 8:0-54
Module not found: Error: Can't resolve '@hookform/resolvers/zod' in '/Users/mac/Desktop/study/devcamp/week1/1day/sign-flow-z/src'

webpack compiled with 1 error and 4 warnings

문제 발생

해당 라이브러리를 import로 불러오는데 오류 메시지 발생

문제 원인

@hookform/resolvers/zod 패키지가 프로젝트에 설치되지 않아서 생긴 현상

React Hook Form에서 zod를 사용하여 폼의 유효성 검사를 수행시 필요

해결 방법

yarn add @hookform/resolvers

느낀 점

React Hook Form에서 다양한 유효성 검사 라이브러리(Zod, Yup, Joi 등)를 쉽게 통합할 수 있도록 해주는 resolver들의 모음이라고 한다.
@hookform/resolvers/zod 경로 오류는 @hookform/resolvers 패키지 내부의 Zod resolver를 참조하려고 했으나, 해당 패키지가 설치되지 않아 발생한 것이었다.