Inline component state issue

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

ApplicationWindow {
    id: root

    visible: true
    width: 800
    height: 600

    ColumnLayout {
        component RectComponent: Rectangle {
            id: myRect2

            implicitWidth: 10
            implicitHeight: 10
            color: "red"
            states: [
                State {
                    name: "myState"
                    PropertyChanges {
                        target: myRect2
                        color: "green"
                    }
                }
            ]
            Component.onCompleted: state = "myState"
        }
        Component {
            id: rectComponent
            Rectangle {
                id: myRect1

                implicitWidth: 10
                implicitHeight: 10
                color: "red"
                states: [
                    State {
                        name: "myState"
                        PropertyChanges {
                            target: myRect1
                            color: "green"
                        }
                    }
                ]
                Component.onCompleted: state = "myState"
            }
        }
        Loader { sourceComponent: rectComponent }
        RectComponent {}
    }
}