修复useSearchParams()编译错误添加 Suspense 边界&切换标签页时移除不必要的 mac 参数

src/app/dashboard/components/gatewayConfig.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { useEffect, useState } from 'react'
+import { useEffect, useState, Suspense } from 'react'
 import { useSearchParams } from 'next/navigation'
 
 interface GatewayConfig {
@@ -13,7 +13,7 @@ interface GatewayConfig {
   isonline: number   
 }
 
-export default function GatewayConfig() {
+function GatewayConfigContent() {
   const [data, setData] = useState<GatewayConfig[]>([]) 
   const [loading, setLoading] = useState(false) 
   const [macAddress, setMacAddress] = useState('')
@@ -279,4 +279,19 @@ export default function GatewayConfig() {
       )}
     </div>
   )
+}
+
+export default function GatewayConfig() {
+  return (
+    <Suspense fallback={
+      <div className="bg-white shadow rounded-lg p-6">
+        <div className="text-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto"></div>
+          <p className="mt-4 text-gray-600">加载搜索参数...</p>
+        </div>
+      </div>
+    }>
+      <GatewayConfigContent />
+    </Suspense>
+  )
 }

src/app/dashboard/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useState, useEffect } from 'react'
+import { useState, useEffect, Suspense } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
 import Gatewayinfo from './components/gatewayinfo'
 import GatewayConfig from './components/gatewayConfig'
@@ -19,7 +19,7 @@ const tabs = [
   { id: 'setting', label: '设置'}
 ]
 
-export default function Dashboard() {
+function DashboardContent() {
   const [activeTab, setActiveTab] = useState('gatewayInfo')
   const [isLoading, setIsLoading] = useState(false)
   const router = useRouter()
@@ -58,7 +58,7 @@ export default function Dashboard() {
   const handleTabClick = (tabId: string) => {
     setActiveTab(tabId)
     // 更新 URL 参数
-    const params = new URLSearchParams(searchParams.toString())
+    const params = new URLSearchParams()
     params.set('tab', tabId)
     router.push(`/dashboard?${params.toString()}`)
   }
@@ -115,4 +115,19 @@ export default function Dashboard() {
       </div>
     </div>
   )
+}
+
+export default function Dashboard() {
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen bg-gray-100 flex items-center justify-center">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mx-auto"></div>
+          <p className="mt-4 text-gray-600">加载中...</p>
+        </div>
+      </div>
+    }>
+      <DashboardContent />
+    </Suspense>
+  )
 }