Cannot use this.setState in onSlideChangeEnd about react-id-swiper HOT 2 CLOSED

import React from 'react';
import Swiper from 'react-id-swiper';

class Foo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      swiper: null,
      activeSlideIndex: null,
    };

    this.swiperRef = this.swiperRef.bind(this);
  }

  swiperRef(ref) {
    this.setState({ swiper: ref.swiper });
  }

  render() {
    const swiperParams = {
      slidesPerView: 'auto',
      centeredSlides: true,
      slideToClickedSlide: true,
      on: {
        slideChangeTransitionStart:
          () => this.state.swiper && this.setState({ activeSlideIndex: this.state.swiper.activeIndex }),
      },
    };

    return (
      <div>
        <span>{this.state.activeSlideIndex}</span>
        <Swiper {...swiperParams} ref={this.swiperRef}>
          {this.props.slides.map(slide => (
            <div>{slide.value}</div>
          ))}
        </Swiper>
      </div>
    );
  }
};