TX002

Renderizado fuera de una raíz de consola

Consola

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

Por qué ocurre

Un hook o componente de Text.js (useInput, <ScrollBox>, …) se renderizó bajo una raíz de React que no es una raíz de consola, normalmente porque react-dom renderiza un componente destinado a la consola.

Cómo solucionarlo

Renderiza los componentes de consola mediante renderToConsole (o createConsoleRoot), en lugar de react-dom:

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

Para mostrar la misma interfaz en la página, usa <TextCanvas> de @textjs/react/dom, que crea su propia raíz de consola.