@react-pdf/renderer without jsx

index.js

const React = require("react");
const { default: ReactPDF } = require("@react-pdf/renderer");
const {
  Page,
  Text,
  View,
  Document,
  StyleSheet
} = require("@react-pdf/renderer");

// Create styles
const styles = StyleSheet.create({
  page: {
    flexDirection: "row",
    backgroundColor: "#E4E4E4"
  },
  section: {
    margin: 10,
    padding: 10,
    flexGrow: 1
  }
});

const MyDocument = () =>
  React.createElement(
    Document,
    null,
    React.createElement(
      Page,
      { size: "A4", style: styles.page },
      React.createElement(
        View,
        { style: styles.section },
        React.createElement(Text, null, "Section #1")
      ),
      React.createElement(
        View,
        { style: styles.section },
        React.createElement(Text, null, "Section #2")
      )
    )
  );

ReactPDF.render(
  React.createElement(MyDocument, null),
  __dirname + "/example.pdf"
);

package.json

{
  "name": "test-react-pdf",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node ./index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@react-pdf/renderer": "^1.0.0-alpha.25",
    "react": "^16.6.3"
  }
}