<button className="close" onClick={handleClick(item.id)}> <button className="close" onClick={()=>handleClick(item.id}>

Este es básicamente un botón creado para eliminar los elementos de la interfaz de usuario usando el estado de reacción. Ahora, en el primero, todos los elementos se eliminaron tan pronto como se carga la página.

En el 2º se eliminan solo cuando hacemos clic en ellos. No puedo entender por qué sucede esto.