The pdf is created in the backend of my React/Django application and i would like to display it in the frontend. Is there a way to prevent this error? Can i allow the application to open stuff from diffrent sources?

Here's the code for the frontend:

const PDFViewer = () => {
    return (
        <div>
            <Navbar />
            <Login />
            <div id="PDF">
                <iframe src="/api/pdf"/>
            </div>
        </div>
    );
}