TX004
<Box> bersarang di dalam <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.