React Form Library Integration

I need help setting up form management in my React app.

**Preferred Library:** [React Hook Form/Formik/other]

**Form Complexity:**
- Number of fields: [X]
- Field types: [list them]
- Conditional fields: [describe]
- Array fields: [describe]

**Validation Requirements:**
- Schema library: [Yup/Zod/custom]
- Validation rules: [list them]
- Async validation: [yes/no]

**Submission:**
- API endpoint: [describe]
- Loading states: [requirements]
- Error handling: [requirements]

**TypeScript:** [yes/no]

Please provide:
1. Form setup with chosen library
2. Validation schema
3. Custom field components
4. Array field handling
5. Conditional rendering logic
6. Submission handling with loading/error
7. TypeScript types for form values