refactor: Enhance fetchIssues logic with mounted state checks

- Introduced a useRef hook to track component mount status, preventing state updates on unmounted components.
- Updated fetchIssues function to conditionally set state only if the component is still mounted, improving reliability during asynchronous operations.
- Ensured proper cleanup in useEffect to maintain accurate mounted state, enhancing overall component stability.

apps/ui/src/components/views/github-issues-view/hooks/use-github-issues.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 import { getElectronAPI, GitHubIssue } from '@/lib/electron';
 import { useAppStore } from '@/store/app-store';
 
@@ -9,19 +9,25 @@ export function useGithubIssues() {
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
   const [error, setError] = useState<string | null>(null);
+  const isMountedRef = useRef(true);
 
   const fetchIssues = useCallback(async () => {
     if (!currentProject?.path) {
+      if (isMountedRef.current) {
         setError('No project selected');
         setLoading(false);
+      }
       return;
     }
 
     try {
+      if (isMountedRef.current) {
         setError(null);
+      }
       const api = getElectronAPI();
       if (api.github) {
         const result = await api.github.listIssues(currentProject.path);
+        if (isMountedRef.current) {
           if (result.success) {
             setOpenIssues(result.openIssues || []);
             setClosedIssues(result.closedIssues || []);
@@ -29,21 +35,33 @@ export function useGithubIssues() {
             setError(result.error || 'Failed to fetch issues');
           }
         }
+      }
     } catch (err) {
+      if (isMountedRef.current) {
         console.error('[GitHubIssuesView] Error fetching issues:', err);
         setError(err instanceof Error ? err.message : 'Failed to fetch issues');
+      }
     } finally {
+      if (isMountedRef.current) {
         setLoading(false);
         setRefreshing(false);
       }
+    }
   }, [currentProject?.path]);
 
   useEffect(() => {
+    isMountedRef.current = true;
     fetchIssues();
+
+    return () => {
+      isMountedRef.current = false;
+    };
   }, [fetchIssues]);
 
   const refresh = useCallback(() => {
+    if (isMountedRef.current) {
       setRefreshing(true);
+    }
     fetchIssues();
   }, [fetchIssues]);