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، الذي ينشئ جذر وحدة التحكم الخاص به.