Erreur de réaction: impossible de lire les «utilisateurs» de propriété non définis

J'essaie d'exécuter ce code (capté de la source) où les entrées sont créées de manière dynamique et des valeurs sont enregistrées sur Soumettre. Je reçois cette erreur:

ne peut pas lire les «utilisateurs» de propriété non définis tout en appelant CreateUI. P> BlockQuote>

Quelqu'un peut-il m'aider ici, s'il vous plaît? p>

import React, { useState } from "react";
import ReactDOM from "react-dom";

export default function App() {
  const [state, setState] = useState({
    users: [{ firstName: "", lastName: "" }]
  });

  const addClick = () => {
    setState(prevState => {
      users: [...prevState.users, { firstName: "", lastName: "" }];
    });
  };
  const createUI = () => {
    state.users.map((el, i) => {
      return (
        <div key={i}>
          <input
            placeholder="First Name"
            name="firstName"
            value={el.firstName || ""}
            onChange={handleChange}
          />
          <input
            placeholder="Last Name"
            name="lastName"
            value={el.lastName || ""}
            onChange={handleChange}
          />
          <input type="button" value="remove" onClick={removeClick} />
        </div>
      );
    });
  };

  const handleChange = (i, e) => {
    const { name, value } = e.target;
    let users = [...state.users];
    users[i] = { ...users[i], [name]: value };
    setState({ users });
  };

  const removeClick = i => {
    let users = [...state.users];
    users.splice(i, 1);
    setState({ users });
  };

  const handleSubmit = event => {
    alert("A name was submitted: " + JSON.stringify(this.state.users));
    event.preventDefault();
  };
  return (
    <form onSubmit={handleSubmit}>
      {createUI()}
      <input type="button" value="add more" onClick={addClick()} />
      <input type="submit" value="Submit" />
    </form>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

// const rootElement = document.getElementById("root");
// ReactDOM.render(<App />, rootElement)