Fix customTextRenderer not working on documents without marked content (

#1531)

Fixes #1530

src/Page/TextLayer.spec.tsx

@@ -17,6 +17,7 @@ import type { TextContent } from 'pdfjs-dist/types/src/display/api';
 import type { PageContextType } from '../shared/types';
 
 const pdfFile = loadPDF('./__mocks__/_pdf.pdf');
+const untaggedPdfFile = loadPDF('./__mocks__/_untagged.pdf');
 
 function renderWithContext(children: React.ReactNode, context: Partial<PageContextType>) {
   const { rerender, ...otherResult } = render(
@@ -248,5 +249,27 @@ describe('TextLayer', () => {
 
       expect(container).toHaveTextContent('Test value');
     });
+
+    it('renders text content properly given customTextRenderer and untagged document', async () => {
+      const { func: onRenderTextLayerSuccess, promise: onRenderTextLayerSuccessPromise } =
+        makeAsyncCallback();
+
+      const customTextRenderer = () => 'Test value';
+
+      const untaggedDoc = await pdfjs.getDocument({ data: untaggedPdfFile.arrayBuffer }).promise;
+      const untaggedPage = await untaggedDoc.getPage(1);
+
+      const { container } = renderWithContext(<TextLayer />, {
+        customTextRenderer,
+        onRenderTextLayerSuccess,
+        page: untaggedPage,
+      });
+
+      expect.assertions(1);
+
+      await onRenderTextLayerSuccessPromise;
+
+      expect(container).toHaveTextContent('Test value');
+    });
   });
 });

src/Page/TextLayer.tsx

@@ -202,7 +202,11 @@ export default function TextLayer() {
         layer.append(end);
         endElement.current = end;
 
-        const layerChildrenDeep = layer.querySelectorAll('.markedContent > *:not(.markedContent');
+        const hasMarkedContent = Boolean(layer.querySelector('.markedContent'));
+
+        const layerChildren = hasMarkedContent
+          ? layer.querySelectorAll('.markedContent > *:not(.markedContent')
+          : layer.children;
 
         if (customTextRenderer) {
           let index = 0;
@@ -211,7 +215,7 @@ export default function TextLayer() {
               return;
             }
 
-            const child = layerChildrenDeep[index];
+            const child = layerChildren[index];
 
             if (!child) {
               return;