refactor: use new field component

[nelsonlaidev]

What's Changed

• Used the new field component
• Removed the old form component
• Replaced react-hook-form with @tanstack/react-form

Fixes

• Corrected error rendering in FieldError

Misc

• Bump @content-collections/next to support Next.js 16

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Ready	Preview	Comment	Oct 29, 2025 3:07pm
nelsonlaidev	Ready	Preview	Comment	Oct 29, 2025 3:07pm

[Copilot]

Pull Request Overview

This PR migrates from react-hook-form to @tanstack/react-form for form state management across the application. The migration includes removing deprecated form components and introducing a new field-based component system.

Key changes:

• Replace react-hook-form and @hookform/resolvers with @tanstack/react-form (v1.23.8)
• Remove the old form.tsx component and introduce a new field.tsx component with field-based primitives
• Update form implementations in guestbook and account profile components to use the new API
• Upgrade @content-collections/next to v0.2.9 (adds Next.js 16 support)

Reviewed Changes

Copilot reviewed 8 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
pnpm-lock.yaml	Removes react-hook-form dependencies, adds @tanstack/react-form and its dependencies, upgrades @content-collections/next
packages/ui/src/components/form.tsx	Removes old react-hook-form based form components
packages/ui/src/components/field.tsx	Introduces new field-based components for use with @tanstack/react-form
packages/ui/package.json	Removes react-hook-form dependency from UI package
packages/ui/eslint.config.ts	Disables jsx-a11y/prefer-tag-over-role for UI components
apps/web/src/components/guestbook/message-box.tsx	Migrates from react-hook-form to @tanstack/react-form
apps/web/src/components/account/profile.tsx	Migrates from react-hook-form to @tanstack/react-form
apps/web/package.json	Updates dependencies to remove react-hook-form and add @tanstack/react-form
apps/docs/src/components/ui/field.tsx	Fixes typo where JSX expression was rendered as a string

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.