shadcn/ui v3 + react-hook-form + zod 통합 시 타입 에러

Question

shadcn/ui v3로 업그레이드 후 form 컴포넌트가 컴파일 에러를 냅니다.

Type 'ZodObject<...>' is not assignable to type 'Resolver<...>'

이전엔 resolver: zodResolver(schema) 그대로 잘 동작했는데, v3에서 form 컴포넌트가 까다롭게 굴어요. 어떻게 풀어야 하나요?

김영삼 · Accepted Answer

shadcn/ui v3의 Form 컴포넌트가 react-hook-form 8 + zod 4와 함께 출시되면서 타입 시스템이 한 단계 더 엄격해졌습니다. 표면 에러는 하나지만 원인이 두세 갈래입니다.1) 의존성 버전 정합 확인// package.json — 호환 버전
"react-hook-form": "^8.0.0",
"@hookform/resolvers": "^4.0.0",
"zod": "^4.0.0"흔한 함정: @hookform/resolvers 3.x가 남아있는 상태. 이건 zod 3를 기대하므로 zod 4 schema를 받으면 타입 불일치를 일으킵니다.npm install @hookform/resolvers@latest zod@latest react-hook-form@latest2) zod 4의 schema infer 변경zod 4에서 z.infer가 더 정확해진 대신, 일부 케이스에서 추론된 타입이 react-hook-form의 FieldValues 제약을 만족하지 못합니다.

댓글 0