Pdf re-rendering the same url if provided file prop as an Object(httpHeaders Prop

[andrewpradeep]

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

We were using the react-pdf component to render a pdf with "url" as string in "file" Prop . The issue started when we needed to included the "httpHeaders" in the file prop which changed the prop from "string" to "object". The component started re-rendering again and again even if the props were the same causing multiple api calls for the pdf

Steps to reproduce

1. Use the react-pdf component inside an functional component(PARENT) which will re-render multiple times
2. pass the "file" prop as an object "file= {url: example.com, httpHeaders: { iscached : false }}"
3. Do not change the prop but observe that the document gets re-rendered and url gets called everytime the component (PARENT) re-renders

Expected behavior

Only single api call should have been made to the pdf file

Actual behavior

multiple api calls are made for the pdf even if props are unchanged

Additional information

most likely from this line

react-pdf/src/Document.jsx

Line 77 in 513fea5

if (file !== prevProps.file) {

both objects are same in terms of value but the document gets loaded again, we can fix it if we use "JSON.stringify" to compare the "file" prop

Environment

• Browser (if applicable): Chrome (Version 104.0.5112.101 (Official Build) (arm64))
• React-PDF version: "4.2.0"
• React version: "16.14.0"
• Webpack version (if applicable): 4

[wojtekmaj]

Duplicate of #308