fix: empty logs due to react batching

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.8-beta-9",
+    "version": "1.22.8-beta-14",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -101,11 +101,12 @@ const useCIEventSource = (url: string, maxLength?: number): [string[], EventSour
     const [logsNotAvailableError, setLogsNotAvailableError] = useState<boolean>(false)
     const [interval, setInterval] = useState(1000)
     const buffer = useRef([])
-    const eventSourceRef = useRef<EventSource>(null)
+    const eventSourceRef = useRef<EventSource | null>(null)
 
     function populateData() {
-        setDataVal((data) => [...data, ...buffer.current])
+        const bufferedData = buffer.current
         buffer.current = []
+        setDataVal((data) => [...data, ...bufferedData])
     }
 
     useInterval(populateData, interval)
@@ -131,8 +132,9 @@ const useCIEventSource = (url: string, maxLength?: number): [string[], EventSour
 
     function handleStreamEnd() {
         retryCount = LOGS_RETRY_COUNT
-        setDataVal((data) => [...data, ...buffer.current])
+        const bufferedData = buffer.current
         buffer.current = []
+        setDataVal((data) => [...data, ...bufferedData])
         eventSourceRef.current.close()
         setInterval(null)
     }
@@ -173,7 +175,7 @@ const useCIEventSource = (url: string, maxLength?: number): [string[], EventSour
 
 const LogsRenderer = ({ triggerDetails, isBlobStorageConfigured, parentType, fullScreenView }: LogsRendererType) => {
     const { pipelineId, envId, appId } = useParams<DeploymentHistoryBaseParamsType>()
-    const logsRendererRef = useRef<HTMLDivElement>(null)
+    const logsRendererRef = useRef<HTMLDivElement | null>(null)
 
     const logsURL =
         parentType === HistoryComponentType.CI