TX002

Außerhalb eines Konsolen-Roots gerendert

Konsole

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

Ursache

Ein Text.js-Hook oder eine Text.js-Komponente (useInput, <ScrollBox>, …) wurde unter einem React-Root gerendert, der kein Konsolen-Root ist, meist weil react-dom eine für die Konsole bestimmte Komponente rendert.

Lösung

Rendere Konsolen-Komponenten über renderToConsole (oder createConsoleRoot), nicht über react-dom:

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

Um dieselbe Oberfläche auf der Seite anzuzeigen, verwende <TextCanvas> aus @textjs/react/dom, das einen eigenen Konsolen-Root erstellt.