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>,);

صفحے پر وہی UI دکھانے کے لیے @textjs/react/dom کا <TextCanvas> استعمال کریں، جو اپنا کونسول روٹ بناتا ہے۔