TX002

在主控台根節點外渲染

主控台

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

發生原因

Text.js Hook 或元件(useInput、<ScrollBox> 等)在非主控台根節點的 React 根節點下渲染,最常見的情況是使用 react-dom 渲染主控台專用元件。

修正方式

透過 renderToConsole(或 createConsoleRoot)渲染主控台元件,不要使用 react-dom:

import { renderToConsole, Box, Text } from "@textjs/react";await renderToConsole(  <Box padding={1}>    <Text>Hello, DevTools.</Text>  </Box>,);

若要在頁面上顯示相同的 UI,請使用 @textjs/react/dom 的 <TextCanvas>,它會建立自己的主控台根節點。