Undefined is not an object data.length

Undefined is not an object data.length

i am using default one

<Carousel layout={‘stack’} layoutCardOffset={18} />

[valeriashpiner]

@rohit280 you need to add line data={this.state.product} to your Carousel tag.

[rohit280]

<Carousel ref={(carousel) => { this._carousel = carousel; }}

          onSnapToItem={(index) => this.setState({ activeSlide: index }) }
          enableSnap={true}
        >
            {this.renderImages()}
        </Carousel>
        <Pagination
          dotsLength={this.state.product.images.length}
          activeDotIndex={this.state.activeSlide}
          containerStyle={{ backgroundColor: 'transparent',paddingTop: 0, paddingBottom: 0, marginTop: -15 }}
          dotStyle={{
              width: 10,
              height: 10,
              borderRadius: 5,
              marginHorizontal: 2,
              backgroundColor: 'rgba(255, 255, 255, 0.92)'
          }}
          inactiveDotOpacity={0.4}
          inactiveDotScale={0.6}
        />

someone help me to solve this issue…