TX004

<Box> in <Text> verschachtelt

Konsole

Text.js error TX004: <Box> cannot be nested inside <Text>.

Ursache

<Text> ordnet Inline-Text an; es kann keinen Flexbox-Container enthalten. Eine <Box> (oder eine Komponente, die eine solche rendert, etwa <Spacer> oder <Divider>) wurde innerhalb eines <Text> gerendert.

Lösung

Verschiebe die <Box> nach außen und ordne die Text-Geschwister nebeneinander in einer Zeile an:

// Before<Text>  Status: <Box><Text color="green">ok</Text></Box></Text>// After<Box flexDirection="row">  <Text>Status: </Text>  <Text color="green">ok</Text></Box>

Verschachteltes <Text> ist erlaubt; es wird als Inline-Span gerendert.