Error: Not allowed to load local resource

[LockeandDropit]

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

I am unable to load a firestore URL as the source of the pdf viewer when in production mode. I get the error "Not allowed to load local resource" despite the resource being from cloud storage.

Steps to reproduce

const [resume, setResume] = useState(null)

const uploadToFirebase = async (x) => {

const storage = getStorage();
const resumeRef = ref(storage, "users/" + user.uid + "/resume.pdf");

const file = x;
await uploadBytes(resumeRef, file).then((snapshot) => {
  console.log("good to go")
})
.catch((e) => {
  console.log(e)
})

};

const downloadURL = async () => {
await getDownloadURL(resumeRef).then((response) => {
setResume(response);
})
.catch((error) => {
});
});
}

return (
<>
<PDFViewer src={resume ? resume : null} />
</>
)

Expected behavior

I expected the Document component to be able to render the pdf when given the URL.

Actual behavior

The Document component gave an error "Failed to load PDF file", with a console error stating "Error: Not allowed to load local resource".

Additional information

No response

Environment

• Browser (if applicable): Brave v1.70.123
• React-PDF version: ^9.1.0
• React version: 18.2.0
• Bundler name and version (if applicable):

[github-actions]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.

[github-actions]

This issue was closed because it has been stalled for 14 days with no activity.