Is there an issue while the time conversion happens? - reactjs

Question

I am stuck on this error for about 4 hours now and i tried different solutions
I have a date in an class stored inside of an array, then i tried to get the date from the start of the week, because i wanted to achieve a graph that list the duration of events for the entire week. i have a for loop that iterates through all the dates and compares if there is one or multiple events at that day. I also created a second for loop to iterate through all events at that day if there are any.
Information: recharts needs an array of data to work properly
What i think
I think the issue lays at the part where i try to compare the date of the class which is a normal jscript date object to the moment date. For the comparison I used the isSame function.
Versions
I am using:
moment 2.29.4
react 18.2.0
recharts 2.2.0
I have three script i will provide them down below but cut them down to the relevant parts
Scripts:
MySchedule.js (This is where the chart gets rendered)
<BarChart className="BarChartHours" width={300} height={250} data={formattedData}>
<XAxis dataKey="name" />
<YAxis />
<Legend />
<Bar dataKey="Stunden" fill="#00C49F" radius={[5,5,0,0]} />
</BarChart>
events.js (This is where the class gets created and the array of events is stored)
...
export class Event {
#id;
#title;
#allDay;
#start;
#end;
#personalnumber;
#tablenr;
constructor(id, title, allDay, start, end, personalnumber, tablenr) {
this.#id = id;
this.#title = title;
this.#allDay = allDay;
this.#start = start;
this.#end = end;
this.#personalnumber = personalnumber;
this.#tablenr = tablenr;
}
...
let persID = JSON.parse(localStorage.getItem("currentUser"));
const event1 = new Event(1, "Belegt von John Doe", false, new Date("2023","1","2", "10","0","0"), new Date("2023", "1", "2", "14","0","0"), 1234, 1);
const event2 = new Event(2, "Belegt von Mark Etzel", false, new Date("2023","1","3", "10","0","0"), new Date("2023", "1", "3", "12","0","0"), 1234, 2);
export const eventsArray = [event1, event2];
export const personalEvents = eventsArray.filter(event =>event.personalnumber == persID)
ChartData.js (This is where the array with the values gets created)
const MomentDate = moment();
const currentIsoWeekday = MomentDate.isoWeekday();
// Calculate the date of the first day of the week
const firstWeekDay = MomentDate.clone().subtract(currentIsoWeekday - 1, 'days');
// Set all values to zero
export const RawWorkHours = [0, 0, 0, 0, 0, 0, 0];
for (let i = 0; i < 7; i++) { // Iterate through all days
const neededWeekDay = firstWeekDay.clone().add(i, 'days'); // add i days to iterate through every date of the week
const eventsOnDay = personalEvents.filter(event => moment(event.start).isSame(neededWeekDay, 'day')); // <----- i think the issue lies here
let totalHours = 0; // resets the total hours after every iteration
for (let j = 0; j < eventsOnDay.length; j++) { //Check if there is more than one event per day
const fromTime = moment(eventsOnDay[j].start); // saves the start time in an variable
const toTime = moment(eventsOnDay[j].end); // saves the end time in an variable
const duration = moment.duration(toTime.diff(fromTime)); // calculate the duration of one event
totalHours += duration.asHours(); // add up the duration of the events for each day
}
RawWorkHours[i] = totalHours; // Saves the duration inside of the array
}
console.log(RawWorkHours); // Expected Output: [0, 0, 0, 4, 2, 0, 0]
export const formattedData = [
{"name": "Mo", "Stunden": RawWorkHours[0]},
{"name": "Di", "Stunden": RawWorkHours[1]},
{"name": "Mi", "Stunden": RawWorkHours[2]},
{"name": "Do", "Stunden": RawWorkHours[3]}, // Created so the formatting of the chart works properly
{"name": "Fr", "Stunden": RawWorkHours[4]},
{"name": "Sa", "Stunden": RawWorkHours[5]},
{"name": "So", "Stunden": RawWorkHours[6]}
]