TX003

Elemento anfitrión desconocido

Consola

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

Por qué ocurre

El reconciliador solo reconoce dos elementos intrínsecos, tx-box y tx-text. Recibió un elemento en minúsculas como <div> o <span>.

Cómo solucionarlo

Usa los componentes exportados en su lugar:

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