TX002

Renderização fora de uma raiz do console

Console

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

Por que isso acontece

Um hook ou componente do Text.js (useInput, <ScrollBox>, …) foi renderizado em uma raiz React que não é uma raiz do console, geralmente porque react-dom está renderizando um componente destinado ao console.

Como corrigir

Renderize componentes do console com renderToConsole (ou createConsoleRoot), em vez de react-dom:

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

Para mostrar a mesma interface na página, use <TextCanvas> de @textjs/react/dom, que cria sua própria raiz do console.