TX003
알 수 없는 호스트 요소
콘솔
Text.js error TX003: Unknown host element <…>. Use the exported components (<Box>, <Text>, …).
발생 원인
리컨사일러는 tx-box와 tx-text, 두 가지 내장 요소만 인식해요. <div>나 <span>처럼 소문자로 된 요소가 리컨사일러에 전달됐어요.
해결 방법
대신 내보낸 컴포넌트를 사용하세요:
// Before<div style={{ padding: 1 }}> <span>Ready</span></div>// After<Box padding={1}> <Text>Ready</Text></Box>