TX002
在主控台根節點外渲染
發生原因
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>,它會建立自己的主控台根節點。