QML Flickable stealing touch events from PinchArea

import QtQuick 2.13
import QtQuick.Controls 2.13
ApplicationWindow {
 visible: true
 width: 640
 height: 480
 title: qsTr("Flickable Image Zoom Example")
Flickable {
 id: flick
 anchors.fill: parent
 contentWidth: 500
 contentHeight: 500
PinchArea {
 id: pinchArea
 width: Math.max(flick.contentWidth, flick.width)
 height: Math.max(flick.contentHeight, flick.height)
property real initialWidth
 property real initialHeight
 onPinchStarted: {
 initialWidth = flick.contentWidth
 initialHeight = flick.contentHeight
 }
onPinchUpdated: {
 // adjust content pos due to drag
 flick.contentX += pinch.previousCenter.x - pinch.center.x
 flick.contentY += pinch.previousCenter.y - pinch.center.y
// resize content
 flick.resizeContent(initialWidth * pinch.scale, initialHeight * pinch.scale, pinch.center)
 }
onPinchFinished: {
 // Move its content within bounds.
 flick.returnToBounds()
 }
Rectangle {
 width: flick.contentWidth
 height: flick.contentHeight
 color: "white"
 Image {
function fitToScreen() {
 var s = Math.min(flick.width / width, flick.height / height, 1)
 pinchArea.pinch.minimumScale = s
 }
anchors.fill: parent
 fillMode: Image.PreserveAspectFit
 source: "qrc:/messi.jpg"
 onStatusChanged: {
 if(status == Image.Ready)
 fitToScreen()
 }
MouseArea {
 id: mouseArea
 anchors.fill: parent
 }
 }
 }
 }
 }
 Button{
 text: mouseArea.enabled ? "MouseArea Enabled" : "MouseArea Disabled"
 onClicked: mouseArea.enabled = !mouseArea.enabled
 }
}