مشكلة Objects are not valid as a React child (found: [object Date])

المشكلة لديك هي في محاولة عرض كائن التاريخ كما هو بالشكل التالي في مكون Note:

        <small>{date}</small>

لاحظ أنك تقوم بتمرير كائن new Date() ولا يمكن عمل render للكائن بدون تحويله إلى تاريخ نصي، وذلك ممكن من خلال دالة toDateString، كالتالي:

        <small>{date.toDateString()}</small>

بجانب ما اقترح مصطفى يمكنك أيضا التعديل على قيمة متغير الحالة notes - خصوصا وأنها قيم اختبارية: 

const [notes, setNotes] = useState([
    {
    id: 1,
    text: "test",
    date: (new Date()).toLocaleString(),
    },
    {
    id: 2,
    text: "test",
    date: (new Date()).toLocaleString(),
    },
    {
    id: 3,
    text: "test",
    date: (new Date()).toLocaleString(),
    },
])