Tengo una aplicación de tareas pendientes con react-firebase. Mi función updatedoc funciona pero solo en el último elemento, ¿cómo puedo hacer que funcione en el elemento que quiero?

Está bien fuera del modal, pero dentro del modal simplemente no funciona. Alguien sabe cómo solucionar este problema?

 const updated = async (task)=>{ await updateDoc(doc(db,"tasks",task.id),{ title:input, }); setInput(""); setIsOpen(false); } return ( <div className="App"> <div className="box"> <AddTask/> <div className="task-container"> {tasks.map((task)=>( <div key={task.id} className="entry"> <p className="title">{task.title}</p> <DeleteIcon className="delete" onClick={()=>handleDelete(task.id)}/> <EditIcon className="edit" onClick={openModal} /> <Modal className="modal" isOpen={modalIsOpen} onAfterOpen={afterOpenModal} onRequestClose={closeModal} contentLabel="Example Modal" ariaHideApp={false} > <h2 >edit to-do</h2> <input value={input} onChange={(e)=>setInput(e.target.value)} placeholder="enter new to-do" /> <EditIcon className="edit" onClick={()=> updated(task)} /> <CloseIcon className="delete" onClick={closeModal}/> </Modal> </div> ))} </div> </div> </div> ); }```