عدم ظهور المكون Text في مكتبة React

انتبه الى أنك لا تقوم بإعادة هيكلة JSX على نحو صحيح في ملف المكون Text.js

لا يتم التعرف أصلا على return التي هي داخل div. 

قم بإعادة صياغة ذلك ليصبح:

function Text(props){
    return (
      <div>
          <p>{props.text}</p>
          <p>{props.children}</p>
      </div>
    )
}

بالإضافة للحل الذي قدمه عدنان في التعليق السابق يبدو أنك لا تريد استخدام div حول العنصرين p لذلك يمكنك استخدام قوسين زاويين فارغين (<> </>) بدلاً من <div> لتجميع العناصر المرجعية في عنصر واحد. يتم استخدام قوسين زاويين بدلاً من العنصر <div> الذي يؤدي إلى إضافة عنصر <div> زائد في الشجرة الأساسية للتطبيق.

function Text(props){
    return (
      <>
          <p>{props.text}</p>
          <p>{props.children}</p>
      </>
    )
}