feat: server transfer rotation

src/hooks/useTerminal.ts

@@ -5,18 +5,19 @@ import { useEffect, useState } from "react"
 export default function useTerminal(serverId?: number) {
     const [terminal, setTerminal] = useState<ModelCreateTerminalResponse | null>(null)
 
-    async function fetchTerminal() {
-        try {
-            const response = await createTerminal(serverId!)
-            setTerminal(response)
-        } catch (error) {
-            console.error("Failed to fetch terminal:", error)
-        }
-    }
-
     useEffect(() => {
         if (!serverId) return
-        fetchTerminal()
+        let cancelled = false
+        createTerminal(serverId)
+            .then((response) => {
+                if (!cancelled) setTerminal(response)
+            })
+            .catch((error) => {
+                console.error("Failed to fetch terminal:", error)
+            })
+        return () => {
+            cancelled = true
+        }
     }, [serverId])
 
     return terminal