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

src/app/(home)/header.tsx

@@ -1,5 +1,5 @@
 'use client'
-import {useCallback, useEffect, useMemo, useState, PointerEvent, ComponentProps} from 'react'
+import {useCallback, useEffect, useMemo, useState, PointerEvent, ComponentProps, useSyncExternalStore} from 'react'
 import Link from 'next/link'
 import Image from 'next/image'
 import {HeaderContext} from './_components/header/common'
@@ -15,7 +15,6 @@ import UserCenter from '@/components/composites/user-center'
 import {MenuIcon} from 'lucide-react'
 import down from '@/assets/header/down.svg'
 import {merge} from '@/lib/utils'
-import {User} from '@/lib/models'
 
 export type HeaderProps = {}
 
@@ -24,20 +23,12 @@ export default function Header(props: HeaderProps) {
   // 滚动条状态
   // ======================
 
-  const [scroll, setScroll] = useState(false) // Changed to false for client-side rendering
-
-  const handleScroll = useCallback(() => {
-    setScroll(window.scrollY > 48)
-  }, [])
-
-  useEffect(() => {
-    // Initialize scroll state on client
-    setScroll(window.scrollY > 48)
-    window.addEventListener('scroll', handleScroll)
+  const scroll = useSyncExternalStore((callback) => {
+    window.addEventListener('scroll', callback)
     return () => {
-      window.removeEventListener('scroll', handleScroll)
+      window.removeEventListener('scroll', callback)
     }
-  }, [handleScroll])
+  }, () => window.scrollY > 48, () => false)
 
   // ======================
   // 菜单状态