TX003

Elemento hospedeiro desconhecido

Console

Text.js error TX003: Unknown host element <…>. Use the exported components (<Box>, <Text>, …).

Por que isso acontece

O reconciliador só reconhece dois elementos intrínsecos, tx-box e tx-text. Ele recebeu um elemento com nome em minúsculas, como <div> ou <span>.

Como corrigir

Use os componentes exportados:

// Before<div style={{ padding: 1 }}>  <span>Ready</span></div>// After<Box padding={1}>  <Text>Ready</Text></Box>