TX002
콘솔 루트 밖에서 렌더링됨
발생 원인
Text.js 훅이나 컴포넌트(useInput, <ScrollBox>, …)가 콘솔 루트가 아닌 React 루트 아래에서 렌더링됐어요. 대부분 react-dom이 콘솔용 컴포넌트를 렌더링할 때 발생해요.
해결 방법
콘솔 컴포넌트는 react-dom 대신 renderToConsole(또는 createConsoleRoot)로 렌더링하세요:
import { renderToConsole, Box, Text } from "@textjs/react";await renderToConsole( <Box padding={1}> <Text>Hello, DevTools.</Text> </Box>,);같은 UI를 페이지에 표시하려면 자체 콘솔 루트를 생성하는 @textjs/react/dom의 <TextCanvas>를 사용하세요.