Can't integrate with React-intl

[withpublic]

I am trying to localize react-pdf using react-intl, but I get Unhandled Runtime Error Error: [React Intl] Could not find required intl object. needs to exist in the component ancestry.

I created a Viewer component and wrapped with injectIntl from react-intl package. It is a standard way of internationalization of the components. As soon as I wrapped it with injectIntl I got above error.

The component is as follows, simplified

import {Document, Page, View} from "@react-pdf/renderer";
import React, {Component} from "react";
import {injectIntl} from "react-intl";

class Viewer extends Component {
    render() {
        let {intl}=this.props;

        return (
            <Document>
                <Page style={styles.body} wrap>
                    <View
                        style={{
                            height: 100, textAlign: "center", width: "50%",
                            marginHorizontal: "auto"
                        }}>
                        {/*//Some components*/}
                    </View>
                </Page>
            </Document>
        );
    }
}

export default injectIntl(Viewer);

[withpublic]

Cross-posted here https://www.brainpick.co.uk/questions/cant-integrate-with-react-intl-261, with a reward.

[ShaunaMack]

Hi @diegomura @withpublic . I am just wondering if you have any idea what is causing this bug or if there are any work-arounds we could use until it's fixable?

PS. thanks @diegomura for your work on react-pdf – it's a very useful tool.