From 43d92f3cc28acc8840eb5e007db6a8fcaffd07c4 Mon Sep 17 00:00:00 2001
From: Ivan Garcia <301411722+ivangarm@users.noreply.github.com>
Date: Mon, 31 Aug 2026 02:25:07 +0800
Subject: [PATCH] fix: stabilize useEffect dependency in CodeDashboard

---
 frontend/src/pages/Code/CodeDashboard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Code/CodeDashboard.tsx b/frontend/src/pages/Code/CodeDashboard.tsx
index e01e5004..710d2e91 100644
--- a/frontend/src/pages/Code/CodeDashboard.tsx
+++ b/frontend/src/pages/Code/CodeDashboard.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useCallback } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { AppPageLayout } from '@/components/layout/AppPageLayout'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
@@ -29,7 +29,7 @@ export function CodeDashboard() {
   const [isLoading, setIsLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
 
-  const loadSessions = async () => {
+  const loadSessions = useCallback(async () => {
     setIsLoading(true)
     setError(null)
     try {
@@ -40,13 +40,13 @@ export function CodeDashboard() {
     } finally {
       setIsLoading(false)
     }
-  }
+  }, [])
 
   useEffect(() => {
     loadSessions()
     const interval = setInterval(loadSessions, 10000)
     return () => clearInterval(interval)
-  }, [])
+  }, [loadSessions])
 
   return (
     <AppPageLayout