Merge branch 'feat/react-18' of https://github.com/devtron-labs/devtron-fe-common-lib into feat/react-19

Author: arunjaindev

src/Shared/Components/CICDHistory/LogsRenderer.tsx

@@ -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