Edito la pregunta para quienes quieren entender el funcionamiento total de esto:
La idea es que yo recibo una lista de fechas disponibles de una base de datos, necesito comparar esta lista de fechas con todas las fechas desde hoy hasta dentro de 365 dias. Solo las fechas coincidentes son las que se van a mostrar en el calendario, el resto son fechas deshabilitadas. El componente react-date-range
solo me permite pasarle un array con disableDates
asi que tengo que armar un array al "contrario" del que recibo. Asi lo hice:
useEffect(() => {
const getDisableDates = async () => {
if (availability?.total_availabilities?.length > 0) {
const dates = [];
const compareDates = availability.total_availabilities;
for (let i = 0; i < 365; i++) {
const date = addDays(new Date(), i);
let found = false;
await Promise.all(compareDates.map(d => {
const a = addDays(new Date(d.availability_date), 1).toDateString();
const b = new Date(date).toDateString();
if (a === b) {
found = true;
return;
}
}));
if (!found) {
dates.push(date);
}
}
setDisabledDates(dates);
}
};
getDisableDates();
}, [availability]);