TX002
رندر خارج از ریشهٔ کنسول
علت بروز
یک هوک یا کامپوننت 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 استفاده کنید که ریشهٔ کنسول خودش را ایجاد میکند.