修复表单响应性问题 & 更新套餐管理接口字段

src/components/composites/purchase/long/center.tsx

@@ -8,12 +8,12 @@ import FormOption from '@/components/composites/purchase/option'
 import Image from 'next/image'
 import check from '../_assets/check.svg'
 import {Schema} from '@/components/composites/purchase/long/form'
-import {useFormContext} from 'react-hook-form'
+import {useFormContext, useWatch} from 'react-hook-form'
 import {Card} from '@/components/ui/card'
 
 export default function Center() {
   const form = useFormContext<Schema>()
-  const type = form.watch('type')
+  const type = useWatch({name: 'type'})
 
   return (
     <Card className="flex-auto p-6 flex flex-col gap-6 relative">