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>,它会创建自己的控制台根节点。