TX002

콘솔 루트 밖에서 렌더링됨

콘솔

Text.js error TX002: Hooks and components must be rendered inside a console root (createConsoleRoot / renderToConsole).

발생 원인

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>를 사용하세요.