Do not work react "Scroll container"

[f4-shigeo-uchida]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/s/eu83dh?file=/src/App.jsx

Bug description

Scroll container for react mode is not work .
but if add tag "<SwiperSlide></SwiperSlide>" when it work.

please help me...

Expected Behavior

<Swiper　direction={"vertical"}　slidesPerView={"auto"}　freeMode={true}　scrollbar={true}　modules={[FreeMode, Scrollbar]}　className="mySwiper"
>
<SwiperSlide>hogehoge....</SwiperSlide>
</Swiper>//not work

Actual Behavior

<Swiper　direction={"vertical"}　slidesPerView={"auto"}　freeMode={true}　scrollbar={true}　modules={[FreeMode, Scrollbar]}　className="mySwiper"
>
<SwiperSlide>hogehoge....</SwiperSlide>
<SwiperSlide></SwiperSlide>// add this tag
</Swiper>//OK! but not cool

Swiper version

latest

Platform/Target and Browser Versions

chrome latest

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR