App.jsx

  return (
    <main className="app">
      <h1 className="app__title">To do list</h1>
      <form className="app__form">
        <input type="text" className="app__input"/>
        <input
          type="submit"
          className="app__input-submit"
          value="Add to list"
        />
      </form>
      <ul className="app__list">
        {state.list.map((listItem, index) => (
          <li className="app__list-item" key={`list-item-${index}`}>
            {listItem.listItemValue}
            <button className="app__list-item-delete">
              Delete
            </button>
          </li>
        ))}
      </ul>
    </main>
  );