升级依赖版本并修复构建问题

src/app/admin/bills/page.tsx

@@ -1,5 +1,5 @@
 'use client'
-import {useEffect, useState} from 'react'
+import {useCallback, useEffect, useState} from 'react'
 import {PageRecord} from '@/lib/api'
 import {Bill} from '@/lib/models'
 import {useStatus} from '@/lib/states'
@@ -38,7 +38,22 @@ export default function BillsPage(props: BillsPageProps) {
     list: [],
   })
 
-  const refresh = async (page: number, size: number) => {
+  const form = useForm<FilterSchema>({
+    resolver: zodResolver(filterSchema),
+    defaultValues: {
+      type: 'all',
+      trade_id: '',
+      create_after: undefined,
+      create_before: undefined,
+    },
+  })
+
+  const onSubmit = async (value: FilterSchema) => {
+    console.log(value)
+    await refresh(1, data.size)
+  }
+
+  const refresh = useCallback(async (page: number, size: number) => {
     setStatus('load')
     try {
       const typeValue = form.getValues('type')
@@ -62,26 +77,11 @@ export default function BillsPage(props: BillsPageProps) {
     catch (e) {
       setStatus('fail')
     }
-  }
+  }, [form, setStatus])
 
   useEffect(() => {
     refresh(1, 10).then()
-  }, [])
-
-  const form = useForm<FilterSchema>({
-    resolver: zodResolver(filterSchema),
-    defaultValues: {
-      type: 'all',
-      trade_id: '',
-      create_after: undefined,
-      create_before: undefined,
-    },
-  })
-
-  const onSubmit = async (value: FilterSchema) => {
-    console.log(value)
-    await refresh(1, data.size)
-  }
+  }, [refresh])
 
   return (
     <Page>