Así que vine a cruzar el problema. Es extraño que el componente React-Calendar-Timeline no muestre los elementos obtenidos, incluso si sé que está en la matriz. Sin embargo, cuando abro el elemento de inspección, los elementos se procesan como deberían y todo comienza a funcionar.

Intenté resolver el problema implementando la pantalla de carga mientras se obtienen los datos, sin embargo, el problema sigue siendo el mismo.

Aquí está el código del componente de la línea de tiempo:

 {!isLoading ? ( <CalendarContainer> <Timeline groups={rooms} items={tenantsInCalendar} // this part is not rendering at the first time defaultTimeStart={startDate} defaultTimeEnd={endDate} canResize={"both"} stackItems onItemSelect={handleItemClick} onItemDeselect={() => dispatch(setCurrentTenant(null))} minZoom={24 * 60 * 60 * 1000} // min zoom is 24 hours. dragSnap={24 * 60 * 60 * 1000} // snap is at 24 hours. canMove={true} itemHeightRatio={0.75} onItemMove={handleItemMove} onItemResize={handleItemResize} timeSteps={{ day: 1, month: 1, year: 1, }} ></Timeline> </CalendarContainer> ) : ( <Spinner /> )}

Los métodos de obtención:

 useEffect(() => { // converting fetched data to object for better/faster properties changement fetchedTenants && setTenantsToObject(convertTenantsToObject(fetchedTenants)); }, [fetchedTenants]); useEffect(() => { // converting tenants to other object type for calendar to understand. This data is rendered in calendar component. tenantsToObject && setTenantsInCalendar( convertTenantsToCalendarObjectItems(Object.values(tenantsToObject)) ); }, [tenantsToObject]); useEffect(() => { if (tenantsInCalendar.length > 0 && isLoading) { handleTimeout(1000); } }, [tenantsInCalendar]); const handleTimeout = (time) => { // sets some timeout for calendar to really render data at the first time. However, still doesn't work as it should. setTimeout(() => { setIsLoading(false); }, time); };

Además, estoy agregando fotos, de las cuales la primera está en el primer render. El segundo es cuando abro la herramienta de inspección de elementos.