refactor: remove static routes and stop multiple token api call in sse

src/app/(modules)/ticket/hooks/useTenantTicketTableEvents.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useRef } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 
 import { API_ROUTES } from '@/constants/apiRoutes';
@@ -125,6 +125,7 @@ function mergeTicketListItem(
 
 export function useTenantTicketTableEvents(enabled = true) {
   const queryClient = useQueryClient();
+  const hasInvalidatedAfterConnectionErrorRef = useRef(false);
 
   const events = useMemo(
     () => ({
@@ -154,14 +155,22 @@ export function useTenantTicketTableEvents(enabled = true) {
   );
 
   const onConnectionError = useCallback(() => {
+    if (hasInvalidatedAfterConnectionErrorRef.current) return;
+
+    hasInvalidatedAfterConnectionErrorRef.current = true;
     queryClient.invalidateQueries({ queryKey: ticketKeys.lists() });
   }, [queryClient]);
 
+  const onConnectionOpen = useCallback(() => {
+    hasInvalidatedAfterConnectionErrorRef.current = false;
+  }, []);
+
   useSseWithToken({
     enabled,
     getToken: ticketService.createTenantTicketEventsToken,
     getPath,
     events,
     onConnectionError,
+    onConnectionOpen,
   });
 }