Hi amin,
can you try this?

import { Swiper, Lazy } from 'swiper';
Swiper.use([Lazy]);

export default () => {
  return (
    <Swiper lazy>
      <SwiperSlide>Slide 1</SwiperSlide>
      <SwiperSlide>Slide 2</SwiperSlide>
      <SwiperSlide>Slide 3</SwiperSlide>
      <SwiperSlide>Slide 4</SwiperSlide>
    </Swiper>
  );
};