fix: remove unstable fetch events loop

src/layouts/Main.tsx

@@ -27,8 +27,6 @@ import {
 import { useAppSelector } from '../hooks'
 import styles from './style.module.scss'
 
-const UPDATE_INTERVAL_MS = 120000
-
 export const MainLayout = () => {
   const dispatch: Dispatch = useDispatch()
   const [isLoading, setIsLoading] = useState(true)
@@ -37,7 +35,7 @@ export const MainLayout = () => {
   const usersAppData = useAppSelector((state) => state.userAppData)
 
   // Ref to track if `subscribeForSigits` has been called
-  const hasSubscribed = useRef<number | null>(null)
+  const hasSubscribed = useRef(false)
 
   useEffect(() => {
     const metadataController = new MetadataController()
@@ -111,27 +109,11 @@ export const MainLayout = () => {
 
       if (pubkey && !hasSubscribed.current) {
         // Call `subscribeForSigits` only if it hasn't been called before
-        // #193 disabled websocket subscribtion, keep updating the sigits on UPDATE_INTERVAL_MS until #194 is done
-        // Set up the update sigit loop, use setTimeout to make sure times between updates are consistent
-        // (not affected by execution duration of subscribeForSigits call)
-        const loop = () => {
-          hasSubscribed.current = window.setTimeout(async () => {
-            await subscribeForSigits(pubkey)
-            loop()
-          }, UPDATE_INTERVAL_MS)
-        }
+        // #193 disabled websocket subscribtion, until #194 is done
         subscribeForSigits(pubkey)
-        loop()
 
         // Mark `subscribeForSigits` as called
-        //hasSubscribed.current = true
-      }
-    }
-
-    return () => {
-      if (hasSubscribed.current) {
-        window.clearTimeout(hasSubscribed.current)
-        hasSubscribed.current = null
+        hasSubscribed.current = true
       }
     }
   }, [authState, usersAppData])