<PDFDownloadLink> issue with Firefox 62.0.3 and IE 11.0.85

OS:

Windows 10, but using WSL Ubuntu 18.04

React-pdf version:

1.0.0-alpha.18

Description:

Sorry to bother while you are on vacation. again. Super basic projects work fine in every browser except Firefox and IE 11.

FIrefox, you click on the “Download Now!” button and nothing happens. Nothing in console. Doesn’t download the file. Just nada.

I can go the link in the HTML inspector and there the file is though.

IE 11, after getting past the polyfill issues, gives an error of:

Unhandled promise rejection TypeError: Object expected

Unfortunately, nothing more descriptive than that to try and narrow down the issue. Read somewhere it could be due to trailing , in one of my components, but checked them all.

[moffsugita]

I found the good sample for PDFDownloadLink.

https://andrewsempere.org/blog/2018/10/30/react-render-pdf.html

I hope put more good sample on official document. or I pullrequest ;>

[moffsugita]

However, sample of README didn’t work fine. PDFDownloadLink is not component? just object?

import React from 'react';
import ReactDOM from 'react-dom';
import PDFDownloadLink, {
  Text,
  Document,
  Font,
  Page,
  StyleSheet,
  Image,
  View,
} from '@react-pdf/renderer';

import { PDFDownloadLink, Document, Page } from '@react-pdf/renderer'

const App = () => (
  <div>
    <PDFDownloadLink document={MyDoc} fileName="somename.pdf">
      {({ blob, url, loading, error }) => (loading ? 'Loading document...' : 'Download now!')}
    </PDFDownloadLink>
  </div>
)

ReactDOM.render(<App />, document.getElementById('root'));

error

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of `App`.