React Slick slider map not showing slides?

Question

I am facing the following problem, where the React Slick slider is not displaying my slides inside the map function. Tried multiple things, but keep getting empty values.

When i hardcode divs it works, but when i try to create them dynamic even when the exist the don't show up.

Can someone help?

My code:

  <Slider {...settings}>
    {this.props.home.fetched &&
      this.props.home.content.map(value => {
        return value.acf.slider_extends.map((value, index) => {
          return (
            <div>
              <h1>{value.project_titel}</h1>
              <p>{value.project_intro}</p>
              <span>{value.video_project}</span>
            </div>
          );
        });
      })}
  </Slider>

Answer 1

If the containing div or section of Slick has the property flex, than it can cause pictures to disappear.