Swiperのドット（ページネーション）をクリックしても正しく移動しない原因と解決方法

let Swiper01 = new Swiper(".js-swiper01", {
  loop: true, // ループの指定
  centeredSlides : true, //画像中央に配置
  loopAdditionalSlides: 5, //スライダーを複製してループを滑らかにする
  slidesPerView: 4.2, //１度に表示させる枚数（４.2枚）
  spaceBetween: 10, //画像同士の隙間（10px）
  autoplay: {
    delay: 1000, //１秒後に次のスライドへ
    disableOnInteraction: false //ユーザー側で操作してもスライドを止めない
  },
  speed: 1000, //１秒かけてフェードで切り替わる
  pagination: { // 丸のページネーションを使うなら書く
      el: ".swiper-pagination"
  },
  navigation: { // 左右のページ送を使うなら書く
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev"
  },
  breakpoints: {
      560: { //560px以下なら以下を適用する
        slidesPerView: 1.5,
        spaceBetween: 5,
         pagination: { 
             clickable: true //ドットのクリックを有効化
      } 
  }
}

let Swiper02 = new Swiper(".js-swiper02", {
  loop: true, // ループの指定
  centeredSlides : true, //画像中央に配置
  loopAdditionalSlides: 5, //スライダーを複製してループを滑らかにする
  slidesPerView: 4.2, //１度に表示させる枚数（４.2枚）
  spaceBetween: 10, //画像同士の隙間（10px）
    autoplay: {
      delay: 1000, //１秒後に次のスライドへ
      disableOnInteraction: false //ユーザー側で操作してもスライドを止めない
  },
  speed: 1000, //１秒かけてフェードで切り替わる
  allowTouchMove: false,//マウスでのスワイプを禁止
  pagination: { // 丸のページネーションを使うなら書く
      el: ".swiper-pagination",
      clickable: true //クリックを有効化する
  },
  navigation: { // 左右のページ送を使うなら書く
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev"
  },
  breakpoints: {
      560: { //560px以下なら以下を適用する
        slidesPerView: 1.5,
        spaceBetween: 5, 
        allowTouchMove: true 
      }
   }
});

//Swiper4系では560px以下を指定になる
breakpoints: {
      560: {  //560px以下の指定を書く
       
      }
}

//Swiper5系以降では560px以上の指定になる
breakpoints: {
      560: {  //560px以上の指定を書く
       
      }
}