Estoy tratando de completar mi lista de tareas pendientes con todas las tareas que obtengo de mi base de datos con una llamada a la API. Desafortunadamente, no aparece nada. Mi llamada a la API funciona porque console.log(response.data) devuelve las 3 tareas en mi base de datos, pero mi vista no se actualiza con los datos que obtuve de mi llamada. No obtengo errores.

 import axios from "../axios"; import {useState, useEffect } from "react"; import {ToDoFull,ToDoInner,Id,Title,Description} from "./StyledComponents.js"; const Tasks = () => { const [tasks, setTasks] = useState([]); useEffect(() => { const fetchAllItems = async () => { try { const response = await axios.get("/tasks/all-tasks"); if (response.data !== "") { console.log(response.data); //Prints out my three objects in an array in my console. works great let objects = response.data.map(JSON.stringify); let uniqueSet = new Set(objects); let uniqueArray = Array.from(uniqueSet).map(JSON.parse); setTasks(uniqueArray); } else { } } catch (err) { console.log(err); } }; fetchAllItems(); return () => { setItems([]); }; }, []); return ( <> <ToDoFull> {tasks.map((task) => { <ToDoInner> <ID>{task.taskid}</Title> <Title>{task.title}</Title> <Description>{task.description}</Description> </ToDoInner>; })} </ToDoFull> </> ); }; export default Tasks;