Embedder Error: Minified React error #31

[antoniooi]

Before today, everything still fine. The Dropbox embedder suddenly gives the following the errors in the browser console, no PDF file is rendered:

Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20HTMLDivElement%5D&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at qt (pkg-react.min-vfl8RSs1W.js:1:29873)
at p (pkg-react.min-vfl8RSs1W.js:1:31522)
at y (pkg-react.min-vfl8RSs1W.js:1:32629)
at pkg-react.min-vfl8RSs1W.js:1:34654
at zn (pkg-react.min-vfl8RSs1W.js:1:41068)
at yc (pkg-react.min-vfl8RSs1W.js:1:110473)
at xr (pkg-react.min-vfl8RSs1W.js:1:62111)
at kr (pkg-react.min-vfl8RSs1W.js:1:62036)
at pr (pkg-react.min-vfl8RSs1W.js:1:59376)
at hc (pkg-react.min-vfl8RSs1W.js:1:108988)

For full errors, please visit this page and inspect the console errors. Below is the extract code just to show how I embed the PDF file stored in Dropbox:

<a id="pdfContainer" href="https://www.dropbox.com/s/duau5yelsz7kx0s/using-dropbox-with-cloudworms.pdf?dl=0" class="dropbox-embed" data-height="100vh" data-download="https://www.dropbox.com/s/duau5yelsz7kx0s/using-dropbox-with-cloudworms.pdf?dl=1"></a>

<script defer type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="h5a1mgbx1cyrryo"></script>

May I know what happen or is there any change of implementation that I should follow in order to fix the above errors? Thanks in advance!

Antonio

[Greg-DB]

Thanks for the report! We'll look into it and follow up here with updates.

[antoniooi]

Hi Greg,

Thanks for the response! If possible, try to get rid of the warning messages shown in the browser console also as they may affect our SEO performance. FYI, our CloudWorms PDF Viewers are trying to promote Dropbox to our users as it does not have the limitations that Google has, e.g. rendering of images stored in Dropbox. We hope that Dropbox can expedite the fixes for our mutual success. We're willing do anything necessary at our side for best performance.

Thank you.

Best regards,

Antonio

[Greg-DB]

Thanks for the note. This is open with engineering. I'll follow up here once I have news.

[Greg-DB · Accepted solution]

The Embedder should be working again now. Please let us know if you're still seeing any issues. Thanks!

[antoniooi]

Hi Greg,

The key issue has been resolved and the PDF file can now be rendered, but there are still some other errors and warnings being logged in the console, below is the sample:

Failed to load resource: the server responded with a status of 400 ()
DevTools failed to load source map: Could not load content for https://cfl.dropboxstatic.com/static/js/typescript/libraries/file-viewer/src/css/preview-core.module.out.css.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

As I mentioned before, this may impact the SEO performance. If you need me to open it as different topic, please let me know.

Thank you!

[Greg-DB]

Thanks for following up. I've sent this along as a request to eliminate those warnings, but I can't promise if or when that might be done.

[antoniooi]

Alright, thanks a lot!