States property changes on mouse hover way not be completely reset

import QtQuick 1.0

Rectangle {
    width: 200
    height: 200

    Rectangle {
        id: rect
        width: 100
        height: 30
        anchors.centerIn: parent
        color: "red"
        Behavior on color { ColorAnimation {duration: 200}}

        MouseArea {
            id: mouseArea
            anchors.fill:parent
            hoverEnabled: true
        }

        states: State {
                name: "hover"
                when: mouseArea.containsMouse
                PropertyChanges {target: rect; color: "yellow"}
            }
    }
}

color: mouseArea.containsMouse ? "yellow" : "red"