How do get blob data of pdf?

I’m trying to use the BlobProvider to get the blob data:

MyDocument = () => {
        return (
            <Document>
                <Page size="A4" style={stylez.page}>
                    <View style={stylez.section}>
                        <Text>Section TesterYo</Text>
                    </View>
                    <View style={stylez.section}>
                        <Text>Section #2</Text>
                    </View>
                </Page>
            </Document>
        )
    }

 LoadPdf = () => {
        let myPdf = <BlobProvider document={this.MyDocument()}/>
        var file = new File([myPdf], 'filename.pdf', { type: 'application/pdf', lastModified:Date.now()});


        this.setState({ files: [...this.state.files, file] }, () => console.log(this.state))
 }

This does not return MyDocument

Any insight on this would be appreciated

[rmathis]

@brvnonascimento I’ve found in 2.0 beta I am able to call “updateContainer” to populate the pdf and avoid the errors you mentioned.

const doc = <Document></Document>;
const blobPdf = await pdf(doc);
blobPdf.updateContainer(doc);
const result = await pdf.toBlob();

I am curious though how are you offloading the process to a web worker? Would you mind giving an example of how you would do this?

[brvnonascimento]

Should this become an issue “Imperative Blob Data doesn’t work on beta2.0”?