React-material-ui-carousel не отображает полноразмерный контент при инициализации

Question

Я использую react-material-ui-carousel v3 с MUI v5. Мне нужно отображать пользовательский HTML-контент внутри карусели. У меня проблема в том, что при первом рендере первый элемент не имеет полной высоты, см. изображения ниже.

          return (
        <Carousel autoPlay={true}>
            {items.map((item, i) => {
                const htmlContent = getHtmlContent(decodeHtml(item));
                return <div key={i}>{htmlContent}</div>;
            })}
        </Carousel>
    );

Первая инициализация После перехода на вторую страницу, а затем на первую страницу

Как я могу отрегулировать высоту, чтобы она отображала полную высоту содержимого?