Const mockData = [ {

title: "Conference",
start: "2020-07-21",
end: "2020-07-23",
},
{
title: "Meeting",
start: "2020-07-22T10:30:00+00:00",
end: "2020-07-22T12:30:00+00:00",
}, {
title: "Lunch",
start: "2020-07-22T12:00:00+00:00",
},
{
title: "Birthday Party",
start: "2020-07-23T07:00:00+00:00",
}]

function handleDateClick(arg) {
const eventName = prompt("add event name:")
if (eventName) {
mockData.push({
title: eventName,
start: arg.dateStr,
})
console.log("PUSHED")
}
console.log(mockData)
}
//PARENT



//CHILD


<OrderCalendar
mockData={mockData}
handleDateClick={handleDateClick}
/>


export const OrderCalendar = ({ mockData, handleDateClick }) => {
console.log("render")
return (
<FullCalendar
plugins={[timeGridPlugin, interactionPlugin]}
initialView="timeGridWeek"
slotMaxTime="24:00:00"
slotMinTime="6:00:00"
events={mockData}
dateClick={handleDateClick}
/>
)
}
Подскажите, почему когда я обновляю массив в родительском компоненте, нет ререндера дочернего ?

не читал, но осуждаю мутация.

gist.github.com