TX002

רינדור מחוץ לשורש מסוף

מסוף

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

למה זה קורה

הוק או רכיב של Text.js (useInput, <ScrollBox>, …) רונדר תחת שורש React שאינו שורש מסוף, לרוב כש-react-dom מרנדר רכיב שמיועד למסוף.

איך לתקן

יש לרנדר רכיבי מסוף באמצעות renderToConsole (או createConsoleRoot), ולא באמצעות react-dom:

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

כדי להציג את אותו ממשק בדף, יש להשתמש ב-<TextCanvas> מתוך @textjs/react/dom, שיוצר שורש מסוף משלו.