Getting errors because states are set to null instead of empty arrays

[IsakSolenergikvalitet]

I have converted the GanttChart.js file to a .tsx file to better fit my project’s requirements. However, I encountered errors in the AddTask and TimeTable components when trying to add a task. The application works as intended when the useState hooks for tasks and taskDurations are initialized with empty arrays instead.

const [tasks, setTasks] = useState([]);
const [taskDurations, setTaskDurations] = useState([]);

Steps to Reproduce

1.	Convert Ganttchart.js to Ganttchart.tsx.
2.	Attempt to add a task using the AddTask component.
3.	Observe the errors related to AddTask and TimeTable.