fix loading history in development (#1102)

Author: Assem-Uber

src/views/workflow-history/hooks/use-workflow-history-fetcher.ts

@@ -25,7 +25,6 @@ export default function useWorkflowHistoryFetcher(
 ) {
   const queryClient = useQueryClient();
   const fetcherRef = useRef<WorkflowHistoryFetcher | null>(null);
-  const lastFlattenedPagesCountRef = useRef<number>(-1);
 
   if (!fetcherRef.current) {
     fetcherRef.current = new WorkflowHistoryFetcher(queryClient, params);
@@ -46,12 +45,13 @@ export default function useWorkflowHistoryFetcher(
 
   useEffect(() => {
     if (!fetcherRef.current) return;
+    let lastFlattenedPagesCount = -1;
     const unsubscribe = fetcherRef.current.onChange((state) => {
       const pagesCount = state.data?.pages?.length || 0;
       // If the pages count is greater than the last flattened pages count, then we need to flatten the pages and call the onEventsChange callback
       // Depending on ref variable instead of historyQuery is because historyQuery is throttled.
-      if (pagesCount > lastFlattenedPagesCountRef.current) {
-        lastFlattenedPagesCountRef.current = pagesCount;
+      if (pagesCount > lastFlattenedPagesCount) {
+        lastFlattenedPagesCount = pagesCount;
         onEventsChange(
           state.data?.pages?.flatMap((page) => page.history?.events || []) || []
         );