fix: support default and named export for useDebounce hook

Ensure compatibility with both default and named imports for hook.

#VERCEL_SKIP

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>

components/data-integration/api-documentation.tsx

@@ -33,14 +33,6 @@ interface ApiEndpoint {
   authentication: "API Key" | "OAuth 2.0" | "None"
 }
 
-function openInNewTab(url: string) {
-  try {
-    window.open(url, "_blank", "noopener,noreferrer")
-  } catch (e) {
-    console.error(e)
-  }
-}
-
 export function ApiDocumentation() {
   const { toast } = useToast()
   const [activeTab, setActiveTab] = useState("user-data")
@@ -624,19 +616,15 @@ export function ApiDocumentation() {
           </div>
 
           <div className="flex justify-between items-center mt-4">
-            <Button
-              variant="outline"
-              className="gap-2 bg-transparent"
-              onClick={() => openInNewTab("/api/openapi?download=1")}
-            >
+            <Button variant="outline" className="gap-2">
               <FileJson className="h-4 w-4" />
               下载OpenAPI规范
             </Button>
-            <Button variant="outline" className="gap-2 bg-transparent" onClick={() => openInNewTab("/api/openapi")}>
+            <Button variant="outline" className="gap-2">
               <Code className="h-4 w-4" />
               下载SDK
             </Button>
-            <Button className="gap-2" onClick={() => openInNewTab("/api/ingest")}>
+            <Button className="gap-2">
               <Play className="h-4 w-4" />
               API测试工具
             </Button>