Ionic slideTo not working from the first click

The slideTo function not firing from the first click, it only fires on the second click and there are no errors displayed in the console.
Template file:
<ion-button (click)="jumpToSlide()" color="light">next slide </ion-button>

TS file:

import { IonSlides } from '@ionic/angular';
  @ViewChild('slides', { read: IonSlides }) slides: IonSlides;
jumpToSlide() {
    this.slides.slideTo(1, 500)

I can see in the console OK printed from the first click. but it only moves to next slide from the second click.