Cannot read property 'getBoundingClientRect' of null

Not sure how it the fix here 328, I did this:

render() {
  let imgTpl = (images || []).map((image, index) => {
     return (
     <div key={image.Id} >
        <img src={image.url}  /></div>
     );
  });
}

return(
  <Slider {...settings}>
    { imgTpl }
   </Slider>
)

There is a div around the image items but it still does not work.

[cmmartin]

This happens anytime your slides are custom React components. For example, this doesn’t work…

<Slider>
{ slides.map(slide => <CustomSlide />) }
</Slider> 

This works…

<Slider>
{ slides.map(slide => <div><CustomSlide /></div>) }
</Slider> 

this.list ref doesn’t get set

[akiran]

Make sure imgDivs is not empty inside Slider

{imgDivs.length > 0 ? <Slider {...settings}>{imgDivs}</Slider>: null}