PhotoAlbum component has a null images

[jones-semicolon]

Describe the bug

I am new to react and i found this library useful however when i tried to return only the PhotoAlbum component it doesnt have any images so i tried to use renderContainer props to see if it really stores the images that i provided and it is still null. The only solution to get it work is to enclosed it with a div element and adding a sibling element and also if the parent element of the PhotoAlbum component is a styled-component then it will not work, i actually dont know why.

Expected behavior

I want it to be inside the styled-component

How to reproduce

render() {
    const { photos } = this.state;
    return (
      <Content>
        <h4>Portfolio</h4>
        <PhotoAlbum layout="rows" photos={photos} />
      </Content>
    )
/
  }

The above code only returns the container of PhotoAlbum component

render() {
    const { photos } = this.state;
    return (
      <>
        <h4>Portfolio</h4> //always add sibling to make it work
        <PhotoAlbum layout="rows" photos={photos} />
      </>
    )
  }

The above code will work

Screenshots / Logs

No response

Additional context

I now found the issue, if I set the parent element to flex it will reproduce the bug

[igordanchenko]

Based on the attached screenshot, you want to use either display: block or display: flex; flex-direction: column on the parent element. If you are still experiencing this issue, please provide a complete example demonstrating the issue.