Dynamic Slider Items uses the same key when fade settings attribute is set to true.

[maxcotech]

Version: 0.25.2

• Steps to reproduce
• Use the following settings to render dynamic slider items

 ` const settings = {
      fade: true,
      autoplay:true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1
    }
 <Slider {...settings}>
              {
                images.map(function(item){
                  return (
                    <div key={item.id+item.banner_link} className="each-fade">
                      <div className="image-container">
                          <div key={item.id+item.banner_link} onClick={() => window.location.href = item.banner_link}  style={{backgroundImage:`url(${item.banner})`}} className="category-card" />
                          {/* <img style={{width:"100%",height:"70vh"}} src={item} /> */}
                      </div>
                    </div>
                  )
                })
              }
            </Slider>`