From 2f45c8b90a7ae39bb7e589f511ca88aaa0e1c3fa Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Tue, 5 Dec 2023 09:41:06 +0000
Subject: [PATCH] Clear PDF file container element before rendering (#16028)

GitOrigin-RevId: acec635bc1bbd47bf76f6a15151fefc0831fa541
---
 .../js/features/file-view/components/file-view-pdf.tsx    | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
index 86e55f5fed..4d3b80bb9a 100644
--- a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
+++ b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
@@ -35,6 +35,14 @@ const FileViewPdf: FC<{
 
         const pdf = await PDFJS.getDocument(preview.url).promise
 
+        // bail out if loading the PDF took too long
+        if (!mountedRef.current) {
+          onError()
+          return
+        }
+
+        element.textContent = '' // ensure the element is empty
+
         const scale = window.devicePixelRatio || 1
 
         for (let i = 1; i <= pdf.numPages; i++) {