Dynamically adding items to SwipeView may add new items behind the current item

import QtQuick
import QtQuick.Controls
import QtQuick.Window
import QtQuick.Layouts

Window {
    visible: true
    width: 800
    height: 600
    Component {
        id: cmp
        Rectangle {
            property int i: SwipeView.index
            Text {
                y: 30
                text: "index: " + parent.i

            }
            color:"blue"
        }
    }
    Component {
        id: cmp2
        Rectangle {
            color: "yellow"
            property int i: SwipeView.index
            Text {
                text: parent.i
            }
            opacity: 0.3

            Button {
                anchors.centerIn: parent
                text: "click me"
                onClicked: {

                    cmp.createObject(sv)
                }
            }
        }
    }


    SwipeView {
        id: sv
        anchors.fill: parent

    }

    Component.onCompleted: Qt.callLater(function(){
        cmp2.createObject(sv)
        cmp.createObject(sv)
    })
}