RotationAnimator {
        id: rotationAnimator
        from: 0;
        to: 360;
        duration: 1000
        loops: Animation.Infinite
    }

          Image {
                    Layout.preferredWidth: parent.width / 3
                    Layout.preferredHeight: Layout.preferredWidth

                    id: options

                    Layout.alignment: Qt.AlignBottom

                    source: "../assets/options.png"
                    fillMode: Image.PreserveAspectFit

                    MouseArea{
                        anchors.fill: parent
                        hoverEnabled: true

                        Rectangle {
                            anchors.fill: parent
                            color: "red"
                            opacity: 0.2
                        }

                        onEntered:{
                            console.log("st");
                            rotationAnimator.target = parent;
                            rotationAnimator.running = true;
                        }

                        onExited:{
                            rotationAnimator.running = false;
                        }

                        onClicked:{
                            stackView.push("Options.qml");
                        }
                    }
                }

It only rotates and prints whenever the left mouse button is pressed, despite hoverEnabled being set to true. Why? I also made rectangle to make sure the mousearea is correct and console.log to check if it's onEntered directly not working, and that's the case.