Ionic slideTo not working from the first click

Ionic Framework
1

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() {
    console.log('OK')
    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.