TodoInput.jsx

// TodoInput.jsx
const TodoInput = () => {
  const [textInput, setTextInput] = React.useState("");

  function onTextChange(e) {
    setTextInput(e.target.value);
  }
  return (
    <TodoStoreConsumer>
      {store => {
        function onEnterPress(e) {
          if (e.key === "Enter") {
            store.submitTodo(textInput);
          }
        }
        return (
          <input
            onKeyPress={onEnterPress}
            className="new-todo"
            value={textInput}
            onChange={onTextChange}
          />
        );
      }}
    </TodoStoreConsumer>
  );
};