Remix ScrollRestoration and Swiper loading

[MeCapron]

Hello!

I have implemented Swiper along with ScrollRestoration from Remix and it seems that when Swiper takes a bit much time to update the sliders, ScrollRestoration is done before the content is loaded.

Since it's relative on the client side, is there a way to properly handle this case?

  return (
    <div className={classNames("slider-swiper-wrapper", className)}>
      {domLoaded && (
        <Swiper
          modules={modules}
          pagination={paginationParams || undefined}
          navigation={navigationParams || undefined}
          grid={gridParams || undefined}
          slidesPerView={slidesPerView}
          spaceBetween={spaceBetween}
          watchSlidesProgress={watchSlidesProgress}
          onInit={handleSwiperInit}
        >
          {children}
        </Swiper>
      )}
    </div>
  )

Since I have many Swipers on the page, most of the time the ScrollRestoration (when the back on the browser is done) will put the scroll at the footer

From what I read in the Remix documentation, ScrollRestoration is done whenever the loaders are ended but at this time Swiper is not fully loaded and has not updated the DOM yet, making it's height moving

https://remix.run/docs/en/main/components/scroll-restoration

I'll take any hints if you have any experience using this!

Thanks you