create-react-app after some help

App.js

import React, {useState} from 'react';
import logo from './logo.svg';
import './App.css';

const App = () => {
  const [items, setItems] = useState([]);
  const [text, setText] = useState('');

  const handleChange = (e) => {
    setText(e.target.value);
  }

  const handleSubmit = (e) => {
    e.preventDefault();
    if (text.length === 0) {
      return;
    }
    const newItem = {
      text,
      id: Date.now()
    };
    setText('');
    setItems([...items, newItem]);
  }

  return (
      <div>
        <h3>TODO</h3>
        <TodoList items={items} />
        <form onSubmit={handleSubmit}>
          <label htmlFor="new-todo">
            What needs to be done?
          </label>
          <input
              id="new-todo"
              onChange={handleChange}
              value={text}
          />
          <button>
            Add #{items.length + 1}
          </button>
        </form>
      </div>
  );
};

const TodoList = ({items}) => {
  return (
      <ul>
        {items.map(item => (
            <li key={item.id}>{item.text}</li>
        ))}
      </ul>
  );
}

export default App;