the "hoverEnabled" property is not working on MouseArea

import QtQuick 2.6

Rectangle {
    id: _rect
    width: 100
    height: 100
    color: _mouseArea.containsMouse ? "red" : "green"

    Component.onCompleted: {
        console.log("completed", _mouseArea.containsMouse, _rect.color)
    }

    MouseArea {
        id: _mouseArea
        anchors.fill: _rect
        hoverEnabled: true
        onPositionChanged: console.log("pc", _mouseArea.containsMouse )
        onContainsMouseChanged: console.log("cm", _mouseArea.containsMouse)
    }
}