PDF file not loading when upgrading the version from 5.0.0 to 7.7.3

[v-sreeraghuv]

Before you start - checklist

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

Description

Currently we are using react-pdf with 5.0.0 and we are getting the data with Uint8Array Binary Data. But after upgrading the version to 7.7.3 the PDF loading stopped and we are facing error as PDF Not found. Below is the code which we are using previously. Please help to resolve this ASAP or is it a known issue.

public render(): JSX.Element {
    // const { ContractFileExtension } = this.props;
    const { pdfLoaded } = this.state;
    return (
        <div style={{ height: document.body.offsetHeight }}>
            {this.props.ContractFile != null && (
                <Document
                    file={{ data: this.props.ContractFile }}
                    onLoadSuccess={(pdf: IReactPdf): void => {
                        if (!pdfLoaded) {
                            this.setState({ pdfPageCount: pdf.numPages, pdfLoaded: true });
                        }
                    }}
                    onLoadError={this.onDocumentLoadError}
                >
                    {this.generatePages()}
                </Document>
            )}
            {this.props.ContractFile == null && !this.state.loadError && !this.props.findDocumentError && (
                <LargeCustomShimmer />
            )}
            {(this.state.loadError || this.props.findDocumentError) && (
                <Icon style={{ fontSize: '160px' }} iconName="DocumentSearch" />
            )}
            {/*ContractFileExtension !== 'pdf' && (
                <>
                    <h5>Only PDF preview is available at this time.</h5>
                    <Icon style={{ fontSize: '160px' }} iconName="WordDocument" />
                </>
            )*/}
            {this.props.findDocumentError && <p>You do not have permission to view the document.</p>}
        </div>
    );
}

}

Steps to reproduce

Update the version from 5.0.0 to 7.7.3 where we can see this issue

Expected behavior

Need to load the PDF with version 7.7.3

Actual behavior

Throwing error as No PDF Found

Additional information

No response

Environment

• Browser (if applicable):
• React-PDF version:
• React version:
• Bundler name and version (if applicable):

[wojtekmaj]

"PDF Not found" is not coming from react-pdf, there is no such error. I suppose you're hiding the real error message behind one of your own.

Also:

file={{ data: this.props.ContractFile }}

this bit is not correct, because you're creating a new file object on each render. See https://github.com/wojtekmaj/react-pdf#props

[1Jesper1]

@v-sreeraghuv Maybe try upgrading to v6 or v7.0 first. Do you get an error in the console?