using PDF version 9.0.0，Uncaught TypeError: Object.defineProperty called on non-object

whizbz11 commented 1 month ago

Before you start - checklist

[X] I followed instructions in documentation written for my React-PDF version
[X] I have checked if this bug is not already reported
[X] I have checked if an issue is not listed in Known issues
[X] If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

Steps to reproduce

import React, {useCallback, useRef, useState} from 'react';
import {Document, Page, pdfjs} from 'react-pdf';

pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`;
interface IProps {
    url: string;
}
const opt =  {
    cMapUrl: `${window.location.origin}/cmaps/`,
    cMapPacked: true,
    isEvalSupported: false,
}

const PageRender = ({url}: IProps) => {
    const [numPages, setNumPages] = useState(1);
    const pageRef = useRef<HTMLDivElement>(null);

    const onDocumentLoadSuccess = useCallback(
        (document) => {
            const {numPages: nextNumPages} = document;
            setNumPages(nextNumPages);
        },
        []
    );

    return (
        <div
            className={'pageReaderWrap'}
            ref={pageRef}
        >
            <Document
                file={url}
                key={url}
                onLoadSuccess={onDocumentLoadSuccess}
                options={opt}
            >
                {Array.from(new Array(numPages), (el, index) => {
                    return (
                        <Page
                            key={`page_${index + 1}`}
                            renderTextLayer={false}
                            loading={''}
                            renderAnnotationLayer={false}
                            pageNumber={index + 1}
                        />
                    );
                })}
            </Document>
        </div>
    );
};

export default PageRender;

Expected behavior

Expected to work properly without errors

Actual behavior

import React, {useCallback, useRef, useState} from 'react';
import {Document, Page, pdfjs} from 'react-pdf';

pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`;
interface IProps {
    url: string;
}
const opt =  {
    cMapUrl: `${window.location.origin}/cmaps/`,
    cMapPacked: true,
    isEvalSupported: false,
}

const PageRender = ({url}: IProps) => {
    const [numPages, setNumPages] = useState(1);
    const pageRef = useRef<HTMLDivElement>(null);

    const onDocumentLoadSuccess = useCallback(
        (document) => {
            const {numPages: nextNumPages} = document;
            setNumPages(nextNumPages);
        },
        []
    );

    return (
        <div
            className={'pageReaderWrap'}
            ref={pageRef}
        >
            <Document
                file={url}
                key={url}
                onLoadSuccess={onDocumentLoadSuccess}
                options={opt}
            >
                {Array.from(new Array(numPages), (el, index) => {
                    return (
                        <Page
                            key={`page_${index + 1}`}
                            renderTextLayer={false}
                            loading={''}
                            renderAnnotationLayer={false}
                            pageNumber={index + 1}
                        />
                    );
                })}
            </Document>
        </div>
    );
};

export default PageRender;