TX003
不明なホスト要素
コンソール
Text.js error TX003: Unknown host element <…>. Use the exported components (<Box>, <Text>, …).
発生原因
リコンサイラーが扱える組み込み要素は、tx-box と tx-text の2つだけです。<div> や <span> などの小文字の要素が渡されました。
修正方法
代わりに、エクスポートされているコンポーネントを使います。
// Before<div style={{ padding: 1 }}> <span>Ready</span></div>// After<Box padding={1}> <Text>Ready</Text></Box>