Text.js
エラーコード/@textjs/react

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> を使います。