Types are incompatible with React 18

Describe the bug Using the package in react 18 is giving the error of children not mentioned in the props

To Reproduce Steps to reproduce the behavior including code snippet (if applies):

1. Create a Sample File using React 18
2. Try to Run the app
3. See error

'(props: DocumentProps | Readonly<DocumentProps>): Document', gave the following error. Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes<Document> & Readonly<DocumentProps>'. Overload 2 of 2, '(props: DocumentProps, context: any): Document', gave the following error. Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes<Document> & Readonly<DocumentProps>'.ts(2769) @diegomura

I belive in react 18 you need to explicitly define the children props https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html

[RiJung]

if you want to use React18 , i use my little dirty helper this work, renaming helps to trick Typescript

import { Document, Page, Text, View, StyleSheet } from '@react-pdf/renderer';

// rename helper for react18 overload
const MyDocument: any = Document
const MyPage: any = Page

// example code
const PDF= () => (
  <MyDocument>
    <MyPage="A4" style={styles.page}>
      <View style={styles.section}>
        <Text>Section #1</Text>
      </View>
      <View style={styles.section}>
        <Text>Section #2</Text>
      </View>
    </MyPage>
  </MyDocument>

[Rafael805]

Does anyone know when it will be compatible with React 18?