Skip to content

Bundler Error SyntaxError: Expecting Unicode escape sequence \uXXXX when trying to use @react-pdf/renderer #198

Open
@kuasha420

Description

@kuasha420

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

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions