TX004

<Box> annidato in <Text>

Console

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

Perché succede

<Text> dispone una sequenza di testo inline; non può contenere un contenitore Flexbox. Un <Box> (o un componente che ne renderizza uno, come <Spacer> o <Divider>) è stato renderizzato dentro un <Text>.

Come risolvere

Sposta il <Box> all’esterno e affianca i nodi di testo fratelli in una riga:

// 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> annidato è valido; viene renderizzato come uno span inline.