import { MantraImage, MantraSlider } from "mantra-slider";

<MantraSlider
    keyExtractor={(item: any) => item.src}
    hasControllers={false}
    renderItem={({ src }, index) => {
      return (
        <MantraImage key={index} index={index}>
          <img
            loading="lazy"
            alt={`${variant.name} image ${index}`}
            src={src}
          />
        </MantraImage>
      );
    }} 
    data={data}
/>