Open
Description
Describe the bug
I am trying to use @react-pdf/renderer
to create and render a PDF inside Webview. However, import of this package results in the following error.
error: SyntaxError: entry.tsx: Expecting Unicode escape sequence \uXXXX. (12:73703)
10 | s{throw Error()}catch(r){var t=r.stack.trim().match(/\n( *(at )?)/);YC=t&&t[1]||""}return\`
| ^
13 | \`+YC+e}var WC=!1;function KC(e,t){if(!e||WC)return"";WC=!0;
(texts shortened)
More specifically, something screwy is going on near **""}return\`**
To Reproduce
- Try to run the following that uses
@react-pdf/renderer
import {
Document,
Page,
PDFViewer,
StyleSheet,
Text,
View,
} from '@react-pdf/renderer';
import React from 'react';
import { webViewRender } from 'react-native-react-bridge/lib/web';
const TestPDF = () => {
return (
<Document>
<Page size="A4" orientation="landscape" style={styles.page}>
<View style={styles.header} fixed>
<View>
<Text style={styles.headerText}>Hello World</Text>
</View>
</View>
</Page>
</Document>
);
};
const styles = StyleSheet.create({
page: {
fontSize: 10,
flexDirection: 'column',
},
header: {
flexDirection: 'row',
justifyContent: 'space-between',
},
headerText: {
fontSize: 13,
fontWeight: 700,
},
});
const Root = () => {
return (
<div>
<PDFViewer>
<TestPDF />
</PDFViewer>
</div>
);
};
export default webViewRender(<Root />);
Expected behavior
Bundling should work and the PDF rendered.
Platform:
- Version of react-native: 0.75.4
- Version of this package: 0.12.3
- OS: Android
- Running on: Simulator
- JavaScript engine: Hermes
Metadata
Metadata
Assignees
Labels
No labels