TX004

<Box> bersarang di dalam <Text>

Konsol

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

Mengapa ini terjadi

<Text> menata rangkaian teks inline; elemen ini tidak dapat memuat kontainer Flexbox. Sebuah <Box> (atau komponen yang me-render elemen tersebut, seperti <Spacer> atau <Divider>) di-render di dalam <Text>.

Cara memperbaikinya

Pindahkan <Box> ke luar dan letakkan elemen teks sejajar secara berdampingan dalam satu baris:

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

<Text> bersarang diperbolehkan; elemen ini di-render sebagai span inline.