hola chicos, soy bastante nuevo para reaccionar, pero este error está funcionando fuera de un useEffect y un gancho useState. ¿Puede alguien decirme cuál es el problema con mi código que no puede ingresar al ciclo useEffect y antes de eso nos enfrentamos a un error, sin embargo, si taskStructure:{ daysToBeCompleted, taskStatus, taskAuthor, taskModifier, dateCreated, dateModified }

todo estará bien y funcionará correctamente.

 import React, { useEffect, useState } from "react"; import { Grid , Stack, Box } from "@mui/material"; import "./tasks.style.css"; const Tasks = () => { const [ TaskConfig, setTaskConfig] = useState([]); useEffect( () => { setTaskConfig( { _id:"01", taskTitle:"taskTitle", taskStructure:{ taskDescription:"taskDescription", daysToBeCompleted:"daysToBeCompleted", taskStatus:"taskStatus", taskAuthor:"taskAuthor", dateCreated:"dateCreated", taskModifier:"taskModifier", dateModified:"dateModified" }} ) },[]) const { taskTitle, taskDescription, taskStructure:{ daysToBeCompleted, taskStatus, taskAuthor, taskModifier, dateCreated, dateModified }} = TaskConfig; return( <Box className="taskBox" > <Stack direction="column" > <Grid> {taskTitle} </Grid> <Grid> {taskDescription} {daysToBeCompleted} {taskStatus} </Grid> <Grid> {taskAuthor} {dateCreated} {taskModifier} {dateModified} </Grid> </Stack> </Box> ); } export default Tasks;