Page rerender making empty document viewer

The document viewer is a child element of a page, when the page loads initially the document viewer is working perfect. Refer the screen shot #1.

The page state modification will trigger the re render cycle, at this time document viewer is becoming empty refer the screen shot # 2.

Screen shot #1 :

Screen Shot #2:

    const docs = [
        { uri: require('./lorem-ipsum.pdf'), fileType: 'pdf' },
        { uri: require('./loremipsum.pdf'), fileType: 'pdf' },
    ];

     <DocViewer
                 documents={docs}
                 pluginRenderers={DocViewerRenderers}
                config={{ pdfVerticalScrollByDefault: true }}
        />

Question 2: Is there any way setPageNumber directly and how to know the total number of pages.

Please provide some help or comments.

cyntler / react-doc-viewer

Page rerender making empty document viewer #222