Qml Reloading technique

OtherComponent.qml

import QtQuick 2.7

Item {
    Loader {
        id: multilevelLoader
        anchors.fill: parent
        property string sourceUrl: 'ThirdComponent.qml'
        function reload()
        {
            source = sourceUrl + '?' + loader.counter;
        }
        Component.onCompleted: reload();
        Connections {
            target: loader
            onCounterChanged: multilevelLoader.reload();
        }
    }
}

reloadMain.qml

import QtQuick 2.7
import QtQuick.Controls 2.2
import QtQuick.Window 2.3

Window {
    width: 320
    height: 240
    visible: true
    title: 'Reload Test'

    Loader {
        id: loader
        property int counter: 0
        property string sourceUrl: 'OtherComponent.qml'
        anchors.fill: parent

        function reload()
        {
            counter++;
            source = sourceUrl + '?' + counter;
        }
        onSourceUrlChanged: reload();
        Component.onCompleted: reload();
    }

    Button {
        anchors {
            bottom: parent.bottom
            right: parent.right
        }
        text: 'Reload'
        onClicked: loader.reload()
    }
}

ThirdComponent.qml

import QtQuick 2.0

Item {
    Text {
        anchors.centerIn: parent
        text: 'And this reloads reliably.'
    }
}

It doesn't work.