سلام وقت بخیر .

این warning به این علت هست که در react 18 سینتکس رندر کردن app تغییر کرده و شما هم react 18 رو استفاده کردید.

شیوه جدید به صورت زیر هست :

import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container);
root.render(<App tab="home" />);

برای اطلاع بیشتر از تغییرات react 18 به این صفحه مراجعه کنید

موفق باشید.

سلام

استاد از چه ورژنی استفاده می‌کند؟

ایا خود React از ورژن ای که در فیلم‌ها استفاده می‌شود پشتیبانی می‌کند؟

سلام از فایل‌ها پیوست ورژن مربوطه را برداشتم

در حال حاظر به ارور‌های زیر برخورد کردم

The above error occurred in the 

و

Uncaught Error: Form(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
    React 17
     http://localhost/React/01/05/ line 13 > injectedScript:44
    m0 https://unpkg.com/@babel/standalone/babel.min.js:13
    n https://unpkg.com/@babel/standalone/babel.min.js:13
    R0 https://unpkg.com/@babel/standalone/babel.min.js:13
    F0 https://unpkg.com/@babel/standalone/babel.min.js:13
    F0 https://unpkg.com/@babel/standalone/babel.min.js:13
    P0 https://unpkg.com/@babel/standalone/babel.min.js:13
    EventListener.handleEvent* https://unpkg.com/@babel/standalone/babel.min.js:13
     https://unpkg.com/@babel/standalone/babel.min.js:1
     https://unpkg.com/@babel/standalone/babel.min.js:1

سلام

در کد زیر

 return 
            <div className="todo-list">
                <div className="todo-item">
                <input type="checkbox" />
                <span className="todo-content">task 1span>
            div>
            div>

اومدم ابتدا return را به این شکل قرار داده بودم که ارور می‌داد بعد اومدم به شکل زیر کردم

 return <div className="todo-list">
                <div className="todo-item">
                <input type="checkbox" />
                <span className="todo-content">task 1span>
            div>
            div>

ارور برطرف شد خروجی نمایش داده .