refactor: improve initialization logic in DataInitializer component for better readability and efficiency

Author: ArjinAlbay

src/components/providers/DataInitializer.tsx

@@ -1,22 +1,24 @@
 'use client'
 
-import { useEffect } from 'react'
+import { useEffect , useRef} from 'react'
 import { useAuthStore, useActionItemsStore } from '@/stores'
 import { useQuickWinsStore } from '@/stores/quickWins'
 
 export function DataInitializer() {
-  const { isConnected, orgData, isTokenValid } = useAuthStore()
-  const { refreshData } = useActionItemsStore()
-  const { fetchGoodIssues, fetchEasyFixes } = useQuickWinsStore()
+ const { isConnected, orgData, isTokenValid } = useAuthStore()
+ const { refreshData } = useActionItemsStore()
+ const { fetchGoodIssues, fetchEasyFixes } = useQuickWinsStore()
 
+ const initializedRef = useRef(false)
+ const tokenValid = isTokenValid()
   useEffect(() => {
-    if (isConnected && orgData && isTokenValid()) {
+  if (!initializedRef.current && isConnected && orgData && tokenValid) {
+      initializedRef.current = true
       refreshData()
-      
       fetchGoodIssues()
       fetchEasyFixes()
     }
-  }, [isConnected, orgData, isTokenValid, refreshData, fetchGoodIssues, fetchEasyFixes])
+  }, [isConnected, orgData, tokenValid, refreshData, fetchGoodIssues, fetchEasyFixes])
 
   return null
 }