Help me with swiper grid

[viettbq2002]

I want to do something like grid 3x2 image , and it should show 6 images per slide
for example if I have 12 images then first slide should show 6 images, and next slides should show 6 images
or maybe i already had 6 images, when I add one more image , it should show in the next slide with 1 image

  <Swiper
          loop={false}
          observer
          centeredSlides={false}
          centeredSlidesBounds={false}
          spaceBetween={15}
          slidesPerView={3}
          slidesPerGroup={3}
          grid={{
            rows: 2,
            fill: "row",
          }}
          modules={[Navigation, Pagination, Grid]}
          //add swiper custom navigation
          navigation={{
            prevEl: `.btnPrev-${specifyClass}`,
            nextEl: `.btnNext-${specifyClass}`,
          }}
          //add swiper custom pagination
          pagination={{
            el: `.swiper-pagination-${specifyClass}`,
            type: "bullets",
            clickable: true,
          }}
          onObserverUpdate={(swiper) => {
            // Re-init navigation
            swiper.navigation.destroy();
            swiper.navigation.init();
            swiper.navigation.update();
          }}
          onSwiper={handleSwiper}
          onSlideChange={() => {
            if (!carouselLoaded) {
              setCarouselLoaded(true);
            }
          }}
        >
          {images.map((image, index) => (
            <SwiperSlide key={image.key}>
              <ImageItem
                image={image}
                handleOnDelete={handleOnDelete}
                handleOnZoomOut={(imageId) => {
                  setShowPreviewImage(true);
                  setStartPreviewImageIndex(
                    images?.findIndex((image) => image.key === imageId),
                  );
                }}
              />
            </SwiperSlide>
          ))}
        </Swiper>

I had read the doc but still struggle how can i implement that way, thanks for your support