TX002

Renderowanie poza korzeniem konsoli

Konsola

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

Przyczyna

Hook lub komponent Text.js (useInput, <ScrollBox>, …) został wyrenderowany pod korzeniem React, który nie jest korzeniem konsoli, najczęściej przez react-dom renderujący komponent przeznaczony do konsoli.

Rozwiązanie

Renderuj komponenty konsoli przez renderToConsole (lub createConsoleRoot), zamiast przez react-dom:

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

Aby wyświetlić ten sam interfejs na stronie, użyj <TextCanvas> z @textjs/react/dom, który tworzy własny korzeń konsoli.