240304 개발일지 TIL - Module not found: Can't resolve '@hookform/resolvers/zod'

./src/components/ui/SignUpForm.tsx:6:0
Module not found: Can't resolve '@hookform/resolvers/zod'
  4 | import { useForm } from 'react-hook-form';
  5 | import { z } from 'zod';
> 6 | import { zodResolver } from '@hookform/resolvers/zod';
  7 |
  8 | // zod 스키마 정의
  9 | const schema = z.object({

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./src/pages/index.tsx

문제 발생

import해서 zod를 사용하려다가 발생한 현상

문제 원인

package.json의 dependencies를 확인해보니 @hookform/resolvers가 설치되어 있지 않아서 발생.

해결 방법

yarn add @hookform/resolvers
yarn dev

@hookform/resolvers을 설치 후 개발 서버를 재실행.

느낀 점

이 패키지는 react-hook-form과 함께 사용하기 위한 Zod resolver를 포함하고 있고 유효성 검증에 필요하다고 함.