Text.js
Codici di errore/@textjs/react

TX002

Rendering al di fuori di una radice della console

Console

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

Perché succede

Un hook o un componente Text.js (useInput, <ScrollBox>, …) è stato renderizzato sotto una radice React che non è una radice della console, il più delle volte perché react-dom renderizza un componente destinato alla console.

Come risolvere

Renderizza i componenti della console tramite renderToConsole (o createConsoleRoot), non tramite react-dom:

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

Per mostrare la stessa interfaccia sulla pagina, usa <TextCanvas> da @textjs/react/dom, che crea la propria radice della console.