TX004

<Box> imbriqué dans <Text>

Console

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

Cause

<Text> dispose une séquence de texte en ligne ; il ne peut pas contenir de conteneur Flexbox. Un <Box> (ou un composant qui en rend un, tel que <Spacer> ou <Divider>) a été rendu à l’intérieur d’un <Text>.

Solution

Déplacez le <Box> à l’extérieur et placez les éléments de texte frères côte à côte sur une ligne :

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

Un <Text> imbriqué est autorisé ; il est rendu sous forme de span en ligne.