TX004

<Box> anidado dentro de <Text>

Consola

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

Por qué ocurre

<Text> distribuye un fragmento de texto en línea; no puede contener un contenedor Flexbox. Se renderizó un <Box> (o un componente que renderiza uno, como <Spacer> o <Divider>) dentro de un <Text>.

Cómo solucionarlo

Mueve el <Box> fuera y coloca los elementos de texto hermanos uno al lado del otro en una fila:

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

Se permite anidar <Text>; se renderiza como un span en línea.