is it possible to detect all pages load success

[jiangxiaoqiang]

I am using the react pdf to show the pdf files, now I want to restore the previous pdf position when load the pdf success, this is the code look like with typescript:

<div className={styles.previewBody}>
            <Document options={options}
                file={curPdfUrl}
                onLoadSuccess={onDocumentLoadSuccess}>
                {renderPages(numPages)}
            </Document>
        </div>

the load success code implement:

const onDocumentLoadSuccess = (pdf: DocumentCallback) => {
        const { numPages } = pdf;
        setNumPages(numPages);
        debugger
        goPage(currentPage);
    }

then goto the previous stored page location like this:

const goPage = (i: number) => {
        let element = document.querySelectorAll(`.${styles.pdfPage}`);
        debugger
        if (element && element.length > 0 && i) {
            element[i - 1]!.scrollIntoView({ behavior: 'smooth' });
        }
    }

but I could not get the styles.pdfPage element, seems it not ready. why did this happen? is it possible to capture the all pages ready event?