When using Virtualize HOC for infinite loop, swiping works fine, but when changing the index with the previous and next button the the slides do not animate

I’ve implemented the infinite swipe like this:

import SwipeableViews from 'react-swipeable-views'
import virtualize from 'react-swipeable-views-utils/lib/virtualize'
import mod from 'react-swipeable-views-core/lib/mod'
...

const EnhancedSwipeableViews = virtualize(SwipeableViews)
const slideRenderer = ({key, index}) =>  (
 <HouseCard
    key={index}
    title={props.houseTypes[(mod(index, props.houseTypes.length))].title}
    slug={props.houseTypes[(mod(index, props.houseTypes.length))].slug}
 /> )
    
...
<EnhancedSwipeableViews
  index={this.state.swipeIndex}
 onChangeIndex={this.handleChangeIndex}
 slideRenderer={slideRenderer}
/>

<ArrowNext
   key='next'
   onClick={() => this.setState({swipeIndex: this.state.swipeIndex + 1})}
>
<ArrowPrev
   key='prev'
   onClick={() => this.setState({swipeIndex: this.state.swipeIndex - 1})}
>

I’ve implemented the SwipeableView with virtualize as seen in the code above. The infinite loop works pretty good while swiping. However when i click the ArrowNext or the ArrowPrev button to go the the next or previous slide, the slides changes postiton, but the transition from the slide change is gone. The correct slide appears with no transition at all. Does someone know what the solution is to the problem?

[ckohtz]

@Jianru-Lin Thank you!!!

[retrojorgen]

I am having the same issue in my project. Actually the animation stops at the third slide (3/8 slides) Any solution to this?