Cannot read properties of undefined (reading 'target') while tying in input

[rameshkondra]

`import React, { useState } from "react"; import "../Styles/Todos.css";

function Todos() { const [task, setTask] = useState(""); const [todos, setTodos] = useState([]);

let onInputEnter = (e) => { setTask(e.target.value); };

let onSubmitHandler = (e) => { e.preventDefault(); let newTodos = [...todos, task]; setTodos(newTodos); setTask(""); };

let deleteHandler = (indexValue) => { let newTodos = todos.filter((todo, index) => index !== indexValue); setTodos(newTodos); };

return (

Todos Application using React js

onSubmitHandler()}> onInputEnter()} />   Add

{todos.map((todos, index) => { return (

{todos}     deleteHandler(index)}>delete{" "}

); })}

); }

export default Todos; `