.tsx

const AddTodo: React.FC = (): React.ReactElement => {
  const [userInput, setUserInput] = React.useState("");
  const dispatch = useDispatch();

  const handleAddTodo = (e: React.ChangeEvent<HTMLInputElement>) => {
    if (e.key === "Enter") { // Property 'key' does not exist on type 'ChangeEvent<HTMLInputElement>'.ts(2339)
      dispatch(add({ id: uuidv4(), task: "bob" }));
    }
  };
  return (
    <div>
      <label htmlFor="add-todo">
        Add todo:
        <input type="text" name="add-todo" id="add-todo" />
      </label>
    </div>
  );
};