error Cannot read properties of undefined (reading 'height') at setNodeHeight

[jeetiss]

const Component = ({ name }) => {
    return (
        <>
            {name &&
            <Text>
                {name}
            </Text>}
        </>
    );
}

<Component name='' />
<Component name={0} />

Example above cause fatal errors in @react-pdf, but it should render nothing.

👉🏻 repl

Discussed in #1599

^{Originally posted by joseDaKing November 17, 2021}
I get this error in my code and I don't why

error:

TypeError: Cannot read properties of undefined (reading 'height')
at setNodeHeight

[mkamalkayani]

I also got this error. After trying out a lot of stuff, I realised that the extra ";" outside the Text and inside the View component was the reason for the error.

<View>
      <Text>some text</Text>;
</View>

[Nases]

try

{ name ? <Text>{name}</Text> : null }

👉🏻 repl

[jepek]

In my case I just copied some example from docs and forgot to wrap the next inside <Page> with the <Text>

I had:

const MyDoc = (
  <Document>
    <Page size="A4">
      My document data
    </Page>
  </Document>
);

But it should be:

const MyDoc = (
  <Document>
    <Page size="A4">
      <Text>My document data</Text>
    </Page>
  </Document>
);

[doksel]

You should just add styles to Text

const Component = ({ name }) => {
    return (
        <>
            {name &&
            <Text style={{height: 50}}>
                {name}
            </Text>}
        </>
    );
}

<Component name='' />

[Arthuru4]

Guess problem is that u wrap component with React.Fragment(<></>) - PDF does not understand what is that.